javascript - onclick 事件处理程序不触发

Question

我有以下代码:

<div class="modal-footer">
   <a class="btn btn-primary" onclick="saveChanges ();">Save changes</a>
</div>

<script type="text/javascript">
$(document).ready(function() {
   function saveChanges () {
      tinyMCE.triggerSave();
   } 
   ...
   ...

我不确定为什么，但是当我单击“保存更改”链接时，没有任何反应，而且它似乎没有调用 saveChanges 函数。

有没有一种方法可以从链接中删除 onClick 事件，然后让 saveChanges() 功能附加到单击链接使用 jQuery？

Answer 1

函数应该在global scope中，如果它在内部范围内，则 onclick=... 无法访问它:

<script type="text/javascript">
   function saveChanges () {
      tinyMCE.triggerSave();
   } 
</script>

或使用 jQuery:

<a class="btn btn-primary"> Save changes</a>

<script type="text/javascript">
$(function(){
    $('.btn-primary').click(function(){
        tinyMCE.triggerSave();
    });
});
</script>

---

最好给出 <a>一个id像这样:

<a id="theAnchor"> Save changes</a>

然后...

$(function(){
    $('#theAnchor').click(function(){
        tinyMCE.triggerSave();
    });
});