Используйте $ (document) .ready(), чтобы разрешить выполнение функции

Question

Я, скажем, новый для jquery. Я наткнулся на довольно интересную проблему. Я страница с текстом (текст и изображения) и кнопка для следующего. Щелчок по кнопке должен сделать 2 вещи сначала перейти к следующему элементу и вызвать loadNext. Пока нет проблем, но loadNext обрабатывает некоторую информацию из следующего элемента. Он должен быть выполнен после загрузки содержимого.

Итак, как поставить готовую проверку внутри функции щелчка - $ ('# next'). Click (loadNext);

$('#next').click(function() { 
    loadNext(); 
}); 

Это не работает. Тем не менее, используемая версия jquery - 1.3.2 из-за проблемы Greasemonkey с более поздними версиями (проблема с // @ require).

Можете ли вы дать какое-либо предложение, что делать.

Answer 1

Вы можете отключить кнопку, пока не будет загружено содержание:

<button id="next" disabled="disabled" /> 

$(document).ready(function(){ 
    $('#next').removeAttr('disabled').click(function() { 
     $(this).attr('disabled', 'disabled'); 
     loadNext(); 
    }); 
});