动态分配ID
Dynamically assign ID
我使用nodejs和expressjs。
我从数据库中加载一个列表。选择列表中的任何一个元素,就会出现一个覆盖,用于编辑和删除所选项目。我不知道如何将选中的列表项发送到快递路线。
我认为需要做的是:动态地为叠加上的按钮分配一个ID。我试着做一个jfiddle,但是覆盖不起作用。
任何想法?我正在用jquery滑动覆盖层进入视图。
感谢您花时间阅读这篇文章
我有一个动态创建的列表,每个项目的类为"。"recordlongpress",我将这个Jquery功能应用到它。
$(document).ready(function(){
$('.recordlongpress').bind('tap', function() {
return;
});
$('.recordlongpress').bind('taphold', function() {
$('#overlay').fadeIn('fast',function(){
$('#box').animate({'top':'100px'},500);
});
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-100px'},500,function(){
$('#overlay').fadeOut('fast');
});
});
});
这是我的叠加效果这是CSS和HTML的组合效果
<div class="overlay" id="overlay" style="display:none;"></div>
<div class="box" id="box">
<a class="boxclose" id="boxclose"></a>
<button onclick="location.href='/scape/editcustomerform/id'">Edit Contact</button>
<button onclick="location.href='/scape/deletecustomer/ID'">Delete Contact</button>
<button>E-mail Customer</button>
<button>Call Customer</button>
<button>GPS to Address</button>
<button>Create Quote</button>
<button>Create Sales Order</button>
<button>Create Cash Sale</button>
</div>
</div>
我试图将路径id附加到路由的末尾,但它只是字面上的单词id。谢谢您的帮助
试试这个:
var box = document.getElementById('box'),
buttons = box.getElementsByTagName('button');
for(var i = 0; i < buttons.length; i++){
buttons[i].id = [ 'my', 'button', 'id', i ].join('-');
}
JsFiddle
同样,你也可以尝试"映射"动作:
var box = document.getElementById('box'),
buttons = box.getElementsByTagName('button');
var map = [
'editcustomerform',
'deletecustomer',
'emailcustomer',
'callcustomer',
'gpstocustomer',
'createquote',
'createsalesorder',
'createcashsale'
];
for(var i = 0; i < buttons.length; i++){
buttons[i].id = [ 'my', 'button', 'id', i ].join('-');
buttons[i].onclick = function(){ location.href = [ '/scape', map[i], 'id' ].join('/'); }
}
相关文章:
- 动态分配GA增强型电子商务跟踪器
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- 动态分配类“;不是构造函数”;
- 如何将value和id动态添加到html下拉选项标记中
- 如何使用Handlebars在父视图中动态分配部分视图
- 为什么我们被教导将document.getElementById(“id”)分配给一个变量,然后将该变量与属性一起使用
- 角度:动态分配ng选项,奇怪的行为
- 如何将动态 ID 值分配给标签
- 如何为跨度动态分配宽度
- 如何将号码动态分配给多个 ID
- 在 jQuery/JavaScript 中动态分配对象属性以通过 ajax 发布
- 检测使用 javascript 动态分配的 css 样式/属性
- 为什么使用 javascript 动态分配名称失败了
- 动态分配 Javascript 变量.[摆脱 eval()]
- 为svg对象动态分配数据属性
- 为jqTree中的节点动态分配HTML/CSS ID
- getElementById()在动态分配的id上不起作用
- 是否可以使用JS/PHP为网页中的元素动态分配ID
- 动态分配ID
- 使用jQuery将ID动态分配给当前表行tr