2013-10-31 42 views
0

我的jQuery功能有些問題。首先,這是我的HTML頭jquery函數(.on)不起作用

<link href="css/bootstrap.css" media="screen" rel="stylesheet"> 
    <link href="css/datepicker.css" media="screen" rel="stylesheet"> 
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-datepicker.min.css"> 
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css"> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/bootstrap-datepicker.js" type= 'text/javascript'></script> 
    <script src="js/bootstrap-tooltip.js" type= 'text/javascript'></script> 

    <script src="js/buttons.js"></script> 

,這裏是從我的button.js代碼文件

$(window).load(
    function(){ 
     ... 
     $(document).on('click', '.popover a', function(){ 
      alert("asd"); 
     }); 

     $('#button_nowtime').popover({ 
      trigger: 'click', 
      html: 'true', 
      title: "<b>Čas</b>", 
      content: 
      function() { 
       var returnstring="",button; 
        for(var i=0; i<files.length; i++){ 
         button = document.createElement("a"); 
         button.innerText = "someText" 
         button.href="#"; 
         returnstring+=button.outerHTML; 
        } 
       return returnstring; 
      } 
     }); 
    } 
); 

HTML

<a href="#" id="button_nowtime" class="btn btn-lg btn-danger" data-placement="bottom" data-toggle="popover" title="" >N/A</a> 

的問題是,該警報(」 asd「)不會彈出當我點擊工具提示中的任何按鈕

+0

顯示您的HTML。 –

+2

請不要混合使用jQuery和原生DOM方法(createElement等) – ThiefMaster

+0

什麼是您的jQuery版本?版本<1.7將不會有'.on()' – Raptor

回答

0

爲什麼不使用這個:

$(".popover a").click(function(){ 
      alert("asd"); 
     }); 

老方法效果很好..

1

您應該使用$。就緒,而不是window.load,probabily您的代碼不工作,因爲你的存在對象之前發生window.load。 http://www.dotnetbull.com/2013/08/document-ready-vs-window-onload.html

此示例工作http://jsfiddle.net/nWKqt/

[ignore this - just including a code block so stackoverflow will let me post the above JSFiddle link. Yeah, seriously.]

此外,您還寫道,取決於是不是你,但是從一個jQuery插件,你解僱你聲明的事件之後定義的類的代碼。

嘗試在聲明popover插件後放置click事件,但最好是定義您的cssClass並依賴它。