事件附加到按钮 JQUERY

Question

HTML代码：

<div class="row">
        <div class="col-sm-1 col-md-9"></div>
        <div class="col-sm-10 col-md-3">
            <div class="login-form">
                <form role="form" method="post">
                    <div class="form-group">
                        <label for="nick">Nick:</label>
                        <input class="form-control" type="text" id="nick-log" />
                        <span></span>
                    </div>
                    <div class="form-group">
                        <label for="password">Hasło</label>
                        <input class="form-control" type="password-log" id="password" />
                        <span></span>
                    </div>
                    <div class="checkbox">
                        <label><input type="checkbox" class="btn btn-default">Pamiętaj mnie</label>
                    </div>
                    <button id="login-button" class="btn btn-success" type="button">Zaloguj się</button>
                </form>
            </div>
        </div>
        <div class="col-sm-1"></div>

JS代码：

    $(function() {
        var checkLogForm=function(){
            alert('anything');
        };

        $('#login-button').on("click", fn)
    });

我不知道为什么，但我无法将任何事件附加到元素#login-button。它甚至可以与形式中的其他元素一起使用。我也尝试过使用 bind() 函数，但它仍然不起作用。请帮忙！

Answer 1

ChecklogForm 或任何其他函数需要在文档就绪函数之外，或者 ChecklogForm 和绑定代码都需要在同一个文档就绪函数中。

Answer 2

你可以改变你的 html

<button id="login-button" class="btn btn-success">Zaloguj się</button>

而不是

<button id="login-button" class="btn btn-success" type="button">Zaloguj się</button>

并更改您的 js

$(document).on('click', '#login-button', function() {
     alert('anything');
});

我不确定，但我认为它对你有帮助。

Answer 3

在$('#login-button').on("click", fn)中，fn是回调函数的名称，当按钮发生点击事件时将被调用，在你的例子中是checkLogForm.

Answer 4

   always  Use **ON()** instead of **click()**

enter link description here Check this https://jsfiddle.net/ncsr4tgh/1/ 它的工作.....

事件附加到按钮 JQUERY

Event attached to button JQUERY

javascript

jquery

events

button