jQuery：无法单击按钮

Question

我有以下代码结构：

<div>
    <a href="#" id="button_login">Login</a>
</div>

<script>

function login() {
    alert('button works!');
};

$("#button_login").on('click', function(e) {                                    
    e.preventDefault();
    login();
});

</script>

另请参阅我的fiddle

为什么按钮不起作用？

Answer 1

你不在你的小提琴中包含jQuery。我添加了jQuery 2.0.2。

修正：http://jsfiddle.net/ZLseX/3/

Answer 2

1. 您必须将jquery库附加到您的html文档中
2. 将onclick添加到a元素

我改变了你的代码！

Demo

---

<强> HTML：

<div>
    <a href="#" id="button_login" onclick='login();'>Login</a>
</div>

<强> JQuery的：

function login() {
    alert('button works!');
};

$("#button_login").on('click', function(e) {
    e.preventDefault();
    login();
});

Answer 3

请知道如何使用jsfiddle。工作fiddle

    function login() {
       alert('button works!');
    }

     $("#button_login").click(function(e){
        e.preventDefault();
        login();
     });