-3

我有一个菜单

<div class="nav_bar" style="background: url(../images/nav.jpg) repeat scroll 0px 0px transparent;">
            <div id="navID" class="ddsmoothmenu">
                <ul id='Ul2'>
                            <li id='Li6'><a href="inner.php" title="Home">Home </a>  
                            </li>
                  </ul>
               <ul id='Ul4' >
               <li id='Li1' ><a href="#" title="Master">Car </a>    
                <ul>
                    <li id='Li10'><a href="#" title="Plan Type">Fuel</a>
                    <ul>                                  
                        <li id='Li10' ><a href="Petrol.php" title="Petrol">Petrol  </a> </li>
                        <li id='Li10' ><a href="Diesel.php" title="Diesel">Diesel  </a></li>                                   </li>
                    </ul>
                    </li>
                 </ul>
                  </li>

              </div>
  </div>

是否可以调用事件或函数来单击 div nav_bar 中的任何锚标记？我努力了

$(".nav_bar #navID").click(function(e) {
    alert("hai");
     });

但它不起作用

提前致谢

4

4 回答 4

1

由于您的 nav_bar 是一个类，而不是一个 ID，您应该这样做：

$('.nav_bar a').click(function(){
    alert("clicked");
});

工作小提琴：http: //jsfiddle.net/gS3KJ/

于 2013-09-04T13:48:16.480 回答
1

你很亲密。只需添加a到选择器以选择锚标签。

$("#navID a").click(function(e) {
    alert("hai");
});

看起来所有的锚标签都在带有 ID 的 div 内，navID您可以将其用作父选择器。使用 ID 进行选择比使用类更快。

于 2013-09-04T13:43:33.270 回答
0

假设您使用的是足够现代的 jQuery 版本：

$('.nav_bar').on('click', 'a', function() {
    // do stuff
});
于 2013-09-04T13:43:04.060 回答
-1

尝试

$("#nav_bar a").on('click', function(e) {
    alert("hai");
    return false;
});
于 2013-09-04T13:44:36.607 回答