jquery未从模式启动

问题：此表格不会提交

（直接位于布局内部的内部索引）

&时代；
类别名称
类别说明
@节脚本{
}

根据建议更新JS：

$("body").on("submit", "#frmCategory", function () {
    //do your stuff here
    alert('foo1');
});

$("#modalCategory").on("submit", "#frmCategory", function () {
    alert("foo2");
});

$(function () {    
    LoadActiveTab();

    function LoadActiveTab() {    
        var activeTab = $("#storeNav > li[class='active'] > a");
        LoadTabData(activeTab);    
    }

    function LoadTabData(container)
    {
        var hrefVal = $(container).attr("href");
        var $detailDiv = $(hrefVal);
        var url = $(container).data('url');

        $detailDiv.empty();

        $.get(url, function (data) {
            $detailDiv.append(data);
        });
    }

    $(".btnStoreAdmin").on("click", function (evt) {    
        LoadTabData(this)    
    });

    //Product Categories
    $("#btnAddNew").on("click", function () {    
        ClearModal();
        $(".modal-title").append("<div class='h3'>Add Product Category</div>");    
    });

    function ClearModal() {
        $(".modal-title").empty();
        $('#frmCategory')[0].reset();
    }

    function BuildModal(modalId) {

    }

    $("#frmCategory").submit(function () {    
        var data = {    
            name: $("#txtName").val(),
            description: $("txtDescription").val()    
        };

        $.ajax({
            url: '/Admin/AddProductCategory',
            type: "POST",
            data: data,
            success: function (data, textStatus, jqXHR) {
                ClearModal();
                $("#modalCategory").toggle();
            },
            error: function (jqXHR, textStatus, errorThrown) {

            }
        });    
    });

    $("body").on("submit", "#frmCategory", function () {
        //do your stuff here
        alert('foo3');
    });

    $("#modalCategory").on("submit", "#frmCategory", function () {
        alert("foo4");
    });
});

$（“body”）。关于（“提交”和“frmCategory”，函数（）{
//在这里做你的事
警报（“foo1”）；
});
$（“#modalCategory”）。关于（“提交”，“frmCategory”，函数（）{
警报（“foo2”）；
});
$（函数（）{
LoadActiveTab（）；
函数LoadActiveTab（）{
var activeTab=$（“#storeNav>li[class='active']>a”）；
LoadTabData（activeTab）；
}
函数LoadTabData（容器）
{
var hrefVal=$（container.attr（“href”）；
var$detailDiv=$（hrefVal）；
var url=$（容器）.data（'url'）；
$detailDiv.empty（）；
$.get（url、函数（数据）{
$detailDiv.append（数据）；
});
}
$（.btnStoreAdmin”）。在（“单击”上，函数（evt）{
LoadTabData（此）
});
//产品类别
$（“#btnAddNew”）。在（“单击”，函数（）{
ClearModal（）；
$（“.modal title”）。追加（“添加产品类别”）；
});
函数ClearModal（）{
$（“.modal title”）.empty（）；
$（'#frmCategory'）[0]。重置（）；
}
函数BuildModal（modalId）{
}
$（“#frmCategory”）.submit（函数（）{
变量数据={
名称：$（“#txtName”）.val（），
说明：$（“txtDescription”）.val（）
};
$.ajax({
url:“/Admin/AddProductCategory”，
类型：“POST”，
数据：数据，
成功：函数（数据、文本状态、jqXHR）{
ClearModal（）；
$（“#modalCategory”）.toggle（）；
},
错误：函数（jqXHR、textStatus、errorshown）{
}
});    
});
$（“正文”）。关于（“提交”，即“frmCategory”，函数（）{
//在这里做你的事
警报（“foo3”）；
});
$（“#modalCategory”）。关于（“提交”，“frmCategory”，函数（）{
警惕（“foo4”）；
});
});

我尝试过的事情

将模式从分部移动到承载分部的索引页

$（“#frmCategory”）。on（“submit”，function（）（）{}）

$（“#categorySubmit”）。在（“click”，function（）（）{}）上

$（文件）。关于（“提交”，“frmCategory”，function（）{}）

内部和外部就绪功能的所有变化

将jquery包从页面底部移动到顶部

将name、id和两者都用作表单上的属性

---

谢谢将您的提交活动更改为：

$(document).on('submit', 'form[name="frmCategory"]', (function () { $（document）.on（'submit'，'form[name=“frmCategory”]'，（函数（）{ 另一种可能的解决办法是：

<form class="form-horizontal" name="frmCategory" onsubmit="mySubmit(this)"> 并添加全局函数：

function mySubmit(obj) { ....your code... } 函数mySubmit（obj）{ …你的代码。。。 }

---

模态内容最初不在DOM中，因此没有元素。 您可以尝试在将内容添加到模式后添加submit事件（on success函数）

或者类似于

$（'#yourmodel'）。在（'submit'，'#yourmoid'，function（）{}）上

然后将id添加到表单中，目前您只有一个类和一个名称…

从提交按钮中删除data dismission=“modal”，并捕获如下事件

$('body').on('submit', '#frmCategory',function () {
    //do your stuff here
});

$（“body”）。关于（“提交”和“frmCategory”，函数（）{
//在这里做你的事
警报（“foo1”）；
});
$（“#modalCategory”）。关于（“提交”，“frmCategory”，函数（）{
警报（“foo2”）；
});
$（函数（）{
LoadActiveTab（）；
函数LoadActiveTab（）{
var activeTab=$（“#storeNav>li[class='active']>a”）；
LoadTabData（activeTab）；
}
函数LoadTabData（容器）
{
var hrefVal=$（container.attr（“href”）；
var$detailDiv=$（hrefVal）；
var url=$（容器）.data（'url'）；
$detailDiv.empty（）；
$.get（url、函数（数据）{
$detailDiv.append（数据）；
});
}
$（.btnStoreAdmin”）。在（“单击”，函数（evt）{
LoadTabData（此）
});
//产品类别
$（“#btnAddNew”）。在（“单击”，函数（）{
ClearModal（）；
$（“.modal title”）。追加（“添加产品类别”）；
});
函数ClearModal（）{
$（“.modal title”）.empty（）；
$（'#frmCategory'）[0]。重置（）；
}
函数BuildModal（modalId）{
}
$（“#frmCategory”）.submit（函数（）{
风险值数据={
名称：$（“#txtName”）.val（），
说明：$（“txtDescription”）.val（）
};
$.ajax({
url:“/Admin/AddProductCategory”，
类型：“POST”，
数据：数据，
成功：函数（数据、文本状态、jqXHR）{
ClearModal（）；
$（“#modalCategory”）.toggle（）；
},
错误：函数（jqXHR、textStatus、errorshown）{
}
});
});
$（“正文”）。关于（“提交”，即“frmCategory”，函数（）{
//在这里做你的事
警报（“foo3”）；
});
$（“#modalCategory”）。关于（“提交”，“frmCategory”，函数（）{
警惕（“foo4”）；
});
})；

&时代；
类别名称
类别说明

将进行编辑，我尝试将id、名称和两者作为属性，如果没有

$('body').on('submit', '#frmCategory',function () {
    //do your stuff here
});