动态分配Anchor标签调用Javascript函数
动态分配Anchor标签调用Javascript函数
提问于 2011-11-23 06:51:04
我正在动态地创建<span class="infa9span"><img src="/csm/view/include/images/foldericon.png"/><a id="infa9Service">'+servicename+'</a><br/></span>标记列表，并将其附加到div中。
然后使用下面的映射将a标记属性映射到某个函数
var idMap = {
//it can be a lot more
"javaInfo":javaInfo,
/*infa9 product map*/
"infa9PMServer":infa9PMServer,
"infa9Service":infa9Service
};这是单击处理程序
$('#ds-accordion a').click(function(event) {
var elementId=$(this).attr("id");
treeItemClickHandler(elementId);
});
function treeItemClickHandler(id)
{
(idMap[id])(id); //Is this usage called 1st class functions?
}
function infa9Service(id)
{
alert("i got this "+id);
}备注：我使用的是jQueryv1.6.3
但是，当我单击任何a标记时，它调用函数an执行函数内的所有操作，但在treeItemClickHandler函数中给出一个错误Object dosen't support this porperty or method。
我想知道，
- 如何避免这个错误？
- 是否有更好的方法来处理这样的事情？
- ，以及我正在使用的第一类函数(如果是的话，我可以在哪里了解更多)？
谢谢。
更新
如何传递第二个参数？
'<span class="infa9span"><img src="/csm/view/include/images/foldericon.png"/><a id="infa9Service" title='+servicename+'>'+servicename+'</a><br/></span>'
$('#ds-accordion a').click(function(event) {
var elementId=$(this).attr("id");
var elementName=$(this).attr("title");
treeItemClickHandler(elementId,elementName);
});
function treeItemClickHandler(id,name)
{
idMap[id](id,name);
}
function infa9Service(id,name)
{
alert(id+", "+name);
}它给了我infa9Service, undefined
回答 1
Stack Overflow用户
回答已采纳
发布于 2011-11-23 07:16:29
看看这个http://jsfiddle.net/ywQMV/4
1)定义您的功能。
2)定义您的id映射。
html部件：
<div id ="ds-accordion">
<span class="infa9span">
<img src="/csm/view/include/images/foldericon.png"/>
<a id="infa9Service" title='+servicename+'>'+servicename+'</a>
<br/>
</span>
js部分：
function infa9Service(id, serviceName)
{
alert("i got this "+id +" serviceName : " + serviceName);
}
var idMap = {
"infa9Service":infa9Service
};
$('#ds-accordion a').click(function(event) {
var elementId=$(this).attr("id");
var serviceName = this.title;
treeItemClickHandler(elementId, serviceName);
});
function treeItemClickHandler(id,serviceName)
{
// alert(idMap[id])
(idMap[id])(id,serviceName); //Is this usage called 1st class functions?
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8238290
复制相关文章
相似问题
腾讯云开发者
