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>给出这样的an是个好主意id：

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

然后...

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

Answer 2

HTML

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

脚本

$(function(){
 $("#btnSave").click(function(){
   //Your code for Save changes goes here
 });
});

Answer 3

使用您现有的代码，如果您想执行 jQuery 路由，您可以click()像这样绑定事件：

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

这是将 click 事件绑定到具有 class 的所有元素.btn。如果您想更具体，可以使用不同的选择器。

您现有代码不起作用的原因是 onclick 找不到您的函数，因为您在 jQuery$(document).ready函数中定义了它。