2012-08-05 28 views
1

當我單擊按鈕A時,我想要它修改完成按鈕的onClick操作。添加onClick動作

這裏的完成按鈕:

<a href="#" class="btn" data-dismiss="modal" class="done-btn">Done</a> 

我按一下按鈕A之後,執行該代碼(警報 「A」 彈出):

  <script type="text/javascript"> 
       $(document).ready(function() { 
        // make the items table reload when the dismiss button is clicked 
        alert("A"); 

        $(".done-btn").on(function() { 
         alert("Done button clicked.") 
        }); 
       }); 
      </script>; 

我也曾嘗試click()onclick = ,並刪除$(document).ready包裝。

回答

1

有兩個類=在你的HTML。它簡化爲:

<a href="#" class="btn done-btn" data-dismiss="modal">Done</a> 

您javascipt的更改爲:

$(document).ready(function() { 
    $(".done-btn").click(function() { 
     alert("Done button clicked.")  
    }); 
}); 
2

你忘了在上指定什麼該動作應該執行。將'click'添加到on函數。

試試這個:

 <script type="text/javascript"> 
      $(document).ready(function() { 

       $(".done-btn").on('click', function() { 
        alert("Done button clicked.")  
       }); 
      }); 
      </script>; 
0

試試這個:

$(".done-btn").click(function() { 
    alert("Done button clicked.") 
}); 

和HTML改成這樣:

<a href="#" data-dismiss="modal" class="btn done-btn">Done</a>