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>

添加onClick操作

3 个答案: