Javascript 在pageload上触发jQuery事件

我有以下jQuery：

// change the number of finished and missing assets
$('.add-requirements .overall-status .status-dropdown li').live('click', function() {
    var remaining_titles = $('.item-section.finished').length;
    $('.add-requirements .remaining-titles').text(remaining_titles);
});

---

每当状态下拉列表更改时，它就会激发。当页面加载时，如何使其启动？

只需在

触发器上链接（'click'）

即可触发单击第一个页面加载：

$('.add-requirements .overall-status .status-dropdown li').live('click', function() {
    var remaining_titles = $('.item-section.finished').length;
    $('.add-requirements .remaining-titles').text(remaining_titles);
}).trigger('click');

但是您应该真正使用（）上的

on

---

更详细一点，但以下是对我有效的方法：

var remaining_titles_section = $('.add-requirements .remaining-titles');
remaining_titles_section.text($('.item-section.finished').length);
$('.add-requirements .overall-status .status-dropdown li').live('click', function() {
    var remaining_titles = $('.item-section.finished').length;
    remaining_titles_section.text(remaining_titles);
});

---

据我所知，您希望更新页面加载的剩余计数，并且我假设

finished

状态已预先设置在所需元素上

我会用另一种方式来做

$('.add-requirements .overall-status .status-dropdown li').live('click', updateRemaining);
updateRemaining()

function updateRemaining(){
    var remaining_titles = $('.item-section.finished').length;
    $('.add-requirements .remaining-titles').text(remaining_titles);
}

---

当我尝试这种方法时，这似乎使事件激发了5000次。@adeneo这里的问题是它将触发每个

li

元素上的单击事件，这可能不是OP想要的，看起来OP想要更新剩余的计数

$('.add-requirements .overall-status .status-dropdown li').live('click', updateRemaining);
updateRemaining()

function updateRemaining(){
    var remaining_titles = $('.item-section.finished').length;
    $('.add-requirements .remaining-titles').text(remaining_titles);
}