Question

I am really new to javascript objects.

Here is my code:

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

homenavmenu.test();
})()

Why doesn’t it work? It won’t alert(1);

Here is my 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

Working Demo http://jsfiddle.net/5JmdD/3/

PLease check your html again, demo is working with what you need.

Behavior: click on the button and you will get alert.

Hope this helps :)

code

$(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" />​