我是Javascript的初学者,尝试使用变量名访问对象函数,但它给出了一些错误。这只是虚拟代码,如果有人可以纠正我在这里做的事情。这是最好的方法。
<html>
<head>
<title>Pub/Sub Test</title>
</head>
<body>
<div id="wrap1" data-components="tooltip">
<p><h1>pubsubz Test</h1>
<p>Run with Firebug or a console simulator open.</p></p>
</div>
<div id="wrap2" data-components="tooltip">
<p><h1>pubsubz Test</h1>
<p>Run with Firebug or a console simulator open.</p></p>
</div>
<div id="wrap3" data-components="tooltip">
<p><h1>pubsubz Test</h1>
<p>Run with Firebug or a console simulator open.</p></p>
</div>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script>
var r=r||{};
(function(tooltip,$,w,d,undefined){
var pos,
attr="data-options",
defaultSetting = {
horizontal : true,
vertical : "above"
};
tooltip.init = function($el){
alert("hello");
}
})(r.tooltip = r.tooltip || {},jQuery,window,document);
(function(r,$){
var els = {
$body : $('body')
};
// identify modules
var $modules = els.$body.find('[data-components]');
// create queue from modules
$modules.each(function(i,v){
var $module=$(this).data('components'); //value = tooltip
//want to excute r.tooltip.init() function but there is some error - $module contain value tooltip
r.$module.init();
});
})(r=r||{},jQuery);
</script>
</body>
</html>
答案 0 :(得分:5)
如果要访问变量中具有其名称的属性,则正确的形式为
r[$module].init();