如何在加载和按钮点击时运行功能?

时间:2012-04-12 10:04:39

标签: jquery

我想在我的页面加载上调用以下方法:

我不知道怎么做,因为它不是像'function search()'这样的硬编码命名函数

我意识到必须有一个简单的方法来使用jQueryon my page

来执行/引用这个函数

非常感谢您的阅读

$(function() {
    $('#searchButton').click(function() {
        var url = $('#AbsolutePath').val() + 'AuditLog.mvc/IndexSearch';
        var iPage = (parseInt($('#txtPage').val())).toString();

        var data = {
            StartDate: $('#StartDate').val(),
            EndDate: $('#EndDate').val(),
            sUser: $('#SearchTextBoxUser').val()
        };

        $('#txtPage').val(iPage);
        $("#ResultsList").load(url, data, function() {
            $('#LoadingGif').empty(); $("#paging").hide(); $("#paging").show();
        });

        LoadCharts(); 
        $('#LoadingGif').empty().html('<img src="' + $("#AbsolutePath").val() + 'Content/images/ajax-loader.gif" alt="Loading image" />');
    });
});

1 个答案:

答案 0 :(得分:1)

您的代码仅在click事件上执行...如果您想在页面加载时执行而click事件执行此操作:

function processClickEvent() {
    var url = $('#AbsolutePath').val() + 'AuditLog.mvc/IndexSearch';
    var iPage = (parseInt($('#txtPage').val())).toString();
    var data = {
        StartDate: $('#StartDate').val(),
        EndDate: $('#EndDate').val(),
        sUser: $('#SearchTextBoxUser').val()
    };
    $('#txtPage').val(iPage);
    $("#ResultsList").load(url, data, function () {
        $('#LoadingGif').empty();
        $("#paging").hide();
        $("#paging").show();
    });
    LoadCharts();
    $('#LoadingGif').empty().html('<img src="' + $("#AbsolutePath").val() + 'Content/images/ajax-loader.gif" alt="Loading image" />');
}
$(function () {
    // execute on click event
    $('#searchButton').click(processClickEvent);
    // execute on load
    processClickEvent();
});

这分开了代码 - 我创建了一个新函数processClickEvent,然后在click #searchButton事件上触发了它的执行,并在加载时执行了