附加到按钮 JQUERY 的事件答案

【问题标题】：Event attached to button JQUERY附加到按钮 JQUERY 的事件
【发布时间】：2015-07-12 02:45:46
【问题描述】：

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() 函数，但它仍然不起作用。请帮忙！

【问题讨论】：

什么是 fn？并在该行的末尾缺少;。
不应该是$('#login-button').on("click", checkLogForm)吗？

标签： javascript jquery events button

【解决方案1】：

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

【讨论】：

【解决方案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');
});

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

【讨论】：

【解决方案3】：

在$('#login-button').on("click", fn) 中，fn 是回调函数的名称，当按钮上发生单击事件时将调用该回调函数，在您的情况下为checkLogForm。

【讨论】：

【解决方案4】：

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

enter link description here检查这个https://jsfiddle.net/ncsr4tgh/1/它的工作......

【讨论】：