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

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

A proposal to add a utility class to represent expected monad请检查 enter link description here 其工作情况.....

Answer 2

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

Answer 3

你可以改变你的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 4

$('#login-button').on("click", fn)中的

，fn是回调函数的名称，当按钮发生点击事件时将调用该函数，在您的情况下为checkLogForm。

事件附加到按钮JQUERY

4 个答案: