jquery - 添加 onClick 动作

Question

当我单击按钮 A 时，我希望它修改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包装器。

Answer 1

您忘记指定应执行的操作。添加'click'到on函数中。

试试这个：

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

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

Answer 2

您的 html 中有两个 class=。将其简化为：

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

将您的 javascipt 更改为：

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

Answer 3

试试这个：

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

并将 HTML 更改为：

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