我的javascript点击事件在第二次点击时运行但不在第一次点击

Question

function loadToFalloutPopup() {
    $('#fallout-all-modal').modal({
        backdrop: true,
        keyboard: true
    });
}

$document.on('click', '.all-fallout-btn', loadToFalloutPopup)
});

HTML：

<button type="button" class="all-fallout-btn" data-dismiss="modal">To Fallout</button>

第二次点击时会触发JQuery点击事件，但不会在第一次点击时触发。我不知道锣是什么，请帮忙。

Answer 1

试试这个：

function loadToFalloutPopup() {
    $('#fallout-all-modal').modal({
    backdrop: true,
    keyboard: true
    });
}
$(document).ready(function() { // always write any event on $(document).ready
    $(document).on('click', '.all-fallout-btn', function() { // use click event like this
        loadToFalloutPopup();
    });
})

Answer 2

试试这个

＆＃13;

＆＃13;

$(document).on('click', '.all-fallout-btn', function(){
loadToFalloutPopup()
});

var count=0
function loadToFalloutPopup() {
    count++
    $('#spanCount').text(count);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button type="button" class="all-fallout-btn" data-dismiss="modal">To Fallout</button><br/><span id='spanCount'>0</span>

＆＃13;

＆＃13;

＆＃13;