Question

我使用index.js文件编写用于创建的代码，并在按钮单击时打开弹出窗口。部分视图作为弹出窗口调用。

$("#createForm").dialog({
    autoOpen: false,
    modal: true,
    width: 550,
    height: 420,
    open: function(event, ui) {
        $(".ui-dialog-titlebar-close").hide();
    }
});

$(".buttonCreate").button().click(function() {
    $.ajax({
        // Call CreatePartialView action method
        url: "/PurchaseInvoice/AddItemPartial",
        type: 'Get',
        success: function(data) {
            $("#createForm").dialog("open");
            $("#createForm").empty().append(data);
            $("#editForm").hide();
        },
        error: function() {
            alert("something seems wrong");
        }
    });
});

弹出窗口中的按钮用于从另一个.js文件调用该函数。当弹出窗口打开但是当按下esc按钮关闭弹出窗口后弹出窗口打开时，此按钮不起作用，然后它正常工作。

$("#PopupAdd").click(function() {
    //  On submit button click close dialog box
    $("#createForm").dialog("close");
    // Set inserted vlaues
    var Item = $("#ddlItem").val().toString();
    var Quantity = $("#Quantity").val();
    var Price = $("#Price").val();
    var hdnID = $("#hdnInvoiceID").val();
    // Call Create action method
    $.post('/PurchaseInvoice/Create', {
            "ddlItem": Item,
            "Quantity": Quantity,
            "Price": Price,
            "hdnInvoiceID": hdnID
        },
        function() {
            alert("Data Saved successfully");
            window.location.reload(true);

        });
});

部分视图用作按钮上的弹出窗口从控制器调用部分视图并在弹出窗口中显示。

Answer 1

让一个选择器处理动态添加到页面的项目我总是将它绑定到这样的文档

$(document).on('click', '#PopupAdd', function(){...

Answer 2

在该页面的document.ready功能上添加一些事件，其按钮第一次不起作用，例如 - ＆gt;

这是仅在keypress事件的文本框中接受数值的函数。您可以添加任何函数来初始化页面事件，然后按钮可能第一次正常工作。

$(document).ready(function () {    
            $("#Quantity").keypress(function (e) {
        if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
            $("#errmsg").html("Digits Only").show().fadeOut("slow");
            return false;
        }
            });
});

弹出中的jquery按钮

2 个答案: