Question

<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar icon-white-bar"></span>
                <span class="icon-bar icon-white-bar"></span>
                <span class="icon-bar icon-white-bar"></span>
            </a>

            <div class="nav-collapse collapse">
                <ul class="nav" id='main_root_menu'>

                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Search<span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li id="bag_search"><a href="#"><span class="icon-user icon-white"></span> Bag-Seal</a></li>
                            <li id="docket_search"><a href="#"><span class="icon-wrench icon-white"></span> Docket</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

我想在点击时选择bag-search。目前，我这样做。但是没有触发任何事件。

$(document).on('click','#main_root_menu .dropdown .dropdown-menu #bag_search',function(){
        $( "#bag_dialog" ).dialog( "open" );
    });

我出错了＆gt;

Answer 1

试试这个

$(document).on('click','#bag_search',function(){
    $( "#bag_dialog" ).dialog( "open" );
});

或者

 $("#bag_search").click(function(){
    $( "#bag_dialog" ).dialog( "open" );
});

Answer 2

首先在 document.ready

中编写代码

$(document).ready(function(){
  $(document).on('click','#bag_search',function(){
    $( "#bag_dialog" ).dialog( "open" );
  });
});

Answer 3

由于id是唯一的，你可以只使用#bag_search并且需要使用preventDefault，因为你在列表中有锚标记：

$(document).on('click','#bag_search',function(e){
    e.preventDefault();
    $( "#bag_dialog" ).dialog( "open" );
  });

demo

Answer 4

您的代码抛出错误：

未捕获错误：在初始化之前无法调用对话框上的方法; 试图调用方法'open'

不要在对话框方法中指定“打开”。使用如下：

 $( "#bag_dialog" ).dialog();

以下是演示：http://jsfiddle.net/r8dHv/

Answer 5

应该工作..

$('#bag_search').on('click',function(e){
    e.preventDefault();
    confirm('welcome to bag search');
});

单击jquery事件

5 个答案: