在頁面加載

Question

我有以下的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); 
}); 

據中時將觸發狀態下拉菜單改變。當頁面加載時，我怎樣才能讓它啓動？

Answer 1

從我能理解你想要更新在頁面加載時的剩餘計數，我假設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); 
} 

Answer 2

在trigger('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()

$('closest_non_dynamic_parent').on('click', 'your_freakishly_long_selector', function() { 

Answer 3

更詳細一點，但這裏是我工作：

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); 
});