我已将onClick事件句柄附加到标记.点击后,我想拿起一个属性 - 让我们说,fn; 我想将提到的函数称为属性值.
以下代码不起作用
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script language="JavaScript">
var Test = Test? Test : new Object();
$(document).ready(function(){
Test.main();
})
Test.sub = function(){
alert('called');
}
Test.main = function(){
$('.caller').click(function(e){
e.preventDefault();
var fn = $(this).attr('fn');
alert('calling: '+fn);
return fn();
});
}
</script>
</head>
<body>
<a class="caller" fn="Test.sub" href="#">test call</a>
</body>
</html>
我的问题是
谢谢
Nishant
T.J*_*der 14
可能吗？
是.如果您将链接更改为只有sub:
<a class="caller" fn="sub" href="#">test call</a>
然后这工作:
$('.caller').click(function(e){
e.preventDefault();
var fn = $(this).attr('fn');
alert('calling: '+fn);
return Test[fn]();
});
您检索的值是一个字符串.如果您喜欢使用括号表示法([]),则可以使用字符串索引对象的属性,因此所有这些都是等效的:
Test.sub();
Test['sub']();
var fn = 'sub';
Test[fn]();
我究竟做错了什么？
你快到了.你在一个字符串中有"Test.sub",但由于它是一个字符串,而不是一个函数,你无法调用它.这就像这样做:
"Test.sub"();
....这显然不是你想要的.:-)
什么是正确的方法来解决这个问题？
在技术方面,以上解决了这个问题.我的一部分担心在属性中有实际的函数名称,并想说"有一个查找表",但你的Test对象基本上是查找表,所以......
旁注:在这种情况下,您可能会看到人们使用eval.通常那是因为他们没有意识到你可以使用括号表示法索引对象.eval最好避免.
题外话#1:您的属性fn,是无效的(无效=不验证).在HTML4及更早版本中,所有自定义属性都是无效的,尽管我见过的每个桌面浏览器都允许它们(浏览器让我们逃脱了很多事情).从HTML5开始,我们听到了对此功能的需求,我们可以拥有有效的自定义属性,但它们必须以data-验证者知道它们是自定义的方式开始.因此,如果验证是您工作流程的一部分(并且通常是一个好主意),那么您可能会选择data-fn="sub"而不是简单fn="sub".更多这里.
题外话题#2:如果你想保存一些打字,请使用{}而不是new Object().例如:
var Test = Test? Test : {};
如果你想节省更多,请使用功能强大的||操作员:
var Test = Test || {};