如何在页面加载时运行jquery函数?

时间:2012-10-07 10:33:22

标签: jquery jquery-selectors

我有这个jQuery函数,当有输入时,它会在Search字段旁边启用Search按钮:

$('form#search').on('keyup', 'input[type=text]', function(event) {
    if ($(this).val().length != 0) {
        $(this).next('input[type="submit"]').removeProp("disabled");
    } else {
        $(this).next('input[type="submit"]').prop("disabled", true);
    }
    event.preventDefault();     
});

如果此功能也可以在page load上自动运行,而不仅仅是在keyup上。

如何做到这一点?

感谢您的帮助!

2 个答案:

答案 0 :(得分:2)

function check(){
    var text=$("form#search input[type=text]");
    if (text.val().length != 0) {
            text.next('input[type="submit"]').removeProp("disabled");
    } else {
            text.next('input[type="submit"]').prop("disabled", true);
    }
}

$(function(){
    //trigger when the text field is being filled with text
    $('form#search').on('keyup', 'input[type=text]', function(event) {
        check();
    });
    //trigger when the document is loaded
    check();
});

答案 1 :(得分:1)

$(function(){
  $('form#search').trigger('keyup');
});