javascript - 如何在 javascript 对象中调用 jquery 事件？

Question

我对javascript对象真的很陌生。

这是我的代码：

(function(){
var homenavmenu = {
    nav:$('.navMenuButton'),
    target:$(this).attr('href'),
    test:function(){
        // alert(homenavmenu.target)
        homenavmenu.nav.click(function(){
            alert(1);
            return false;
        })
    }
}

homenavmenu.test();
})()

为什么它不起作用？它不会alert(1);

这是我的 HTML：

<div class="navMenu">
  <a href="../market" class="navMenuButton" id="mo">market</a>
  <a href="../unit" class="navMenuButton" id="unit">my</a>
</div>

Answer 1

工作演示 http://jsfiddle.net/5JmdD/3/

请再次检查您的 html，演示正在处理您需要的内容。

行为：单击按钮，您将收到警报。

希望这可以帮助:)

代码

$(function(){
var homenavmenu = {
    nav:$('.navMenuButton'),
    target:$(this).attr('href'),
    test:function(){
        // alert(homenavmenu.target)
       homenavmenu.nav.click(function(){
            alert(1);
            return false;
        })
    }
}

homenavmenu.test();
})()​

HTML

<input type="button" value="hulk" class="navMenuButton" />​

Answer 2

好的，您似乎无法使用

nav:$('.navMenuButton'),

应该使用

nav:'.navMenuButton',

调用为

$(homenavmenu.nav).click(function(){
   alert(1)
})

这对我有用，但我不知道为什么它在上面的示例中有效。