jQuery在页面加载时分配点击事件处理程序

jQuery assign click event handler on page load

本文关键字:事件处理 程序 分配 加载 jQuery      更新时间:2023-09-26

我想为页面加载函数中的按钮分配一个点击处理程序。然后,我想用下面的代码片段来处理以后实际点击按钮的操作:

 $("#finish").off('click').on('click', function () {
            var sku = $("#productSKU").val();
            var name = $("#productName").val();
            var affiliateId = $("#AffiliateID").val();
            var Errors = "";
            var category = null;
            var defaultName = $('#defaultImgName').val();
            if ($("#childCategories_" + categoryLevel).length == 0) {
                category = $("#categoryList").val();
            }
            else if ($("#childCategories_" + categoryLevel).val() == 0) {
                category = null;
            }
            else {
                category = $("#childCategories_" + categoryLevel).val();
            }
            if (!sku) {
                Errors += "<li> You can not add a product without an Item Code</li>";
            }
            if (!name) {
                Errors += "<li> You can not add a product without a Name</li>";
            }
            if (!category) {
                Errors += "<li> You can not add a product without a Category</li>";
            }
            if (Errors != "") {
                cua({ text: Errors, type: 'danger' })
            }
            else {
                data.formData = { productName: name, productSKU: sku, affiliateID: affiliateId, categoryID: category, defaultImgName: defaultName }
                data.submit();
            }
        });

如何在页面加载中分配点击事件处理程序,然后在稍后触发点击的实际事件?

原因是它会导致错误,如果没有上传图像,按钮将没有响应,我发现这是由事件处理问题引起的。

$(document).ready(function(){
    $("#finish").on('click', yourfunctionhere)
});

你可以把你的代码放在一个单独的函数中,所以如果你想关闭它,然后再打开它,你只需要一行代码就可以完成。

$("#finish").on('click', yourfunctionhere)

要执行该功能,您可以触发点击(当处理程序打开时):

$("#finish").trigger('click');

(感谢@putvande提醒)