點擊jquery事件

<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。目前，我正在這樣做。但是沒有事件被觸發。點擊jquery事件

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

我要去哪裏錯了>

來源

2014-07-07 PythonEnthusiast

的問題是，因爲ID是唯一的，爲什麼你需要選擇當你真正需要的三個父元素是'＃bag_search' – adeneo

我也嘗試過。沒有工作。 – PythonEnthusiast

只需使用'$（document）.on（'click'，'＃bag_search'，fn）'-id應該是唯一的。如果這不起作用，請檢查您的控制檯是否有錯誤，並編輯您的OP以包含它們。 –

試試這個

或者

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

來源

2014-07-07 06:56:03 Amit

不能正常工作.... – PythonEnthusiast

@ user1162512控制檯出現任何錯誤 – Amit

先寫你的代碼document.ready

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

來源

2014-07-07 06:58:01

爲什麼在定位「文檔」時它會很重要，它總是準備好！ – adeneo

對不起@adeneo一些時間代碼不能按預期工作，當我們不把代碼寫入文檔準備好時 –

試過了。不工作。 – PythonEnthusiast

由於ID是唯一的，你可以只使用#bag_search以及需要使用的preventDefault你有內部列表錨標記：

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

demo

來源

2014-07-07 07:01:15

你的代碼拋出錯誤：

Uncaught Error: cannot call methods on dialog prior to initialization; attempted to call method 'open'

不要在對話方法中指定「打開」。使用下面給出：

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

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

來源

2014-07-07 07:12:08

應該工作..

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

來源

2014-07-07 07:32:13

點擊jquery事件

回答

相關問題