Javascript 无法显示带有asp.net mvc url.action链接的引导对话框

很明显，我在显示带有url操作链接的模式对话框时遗漏了一些东西

我知道如何从jQuery单击事件显示引导对话框，但我希望做的是：

我有一个带有url.action链接的索引页。当用户单击链接时，我链接到适当的控制器操作方法（编辑），没有问题（在调试期间看到），希望显示引导模式弹出对话框。但是，不会弹出任何模式对话框

如果我在action链接中包含一个数据目标，那么该链接甚至不起作用。如果我删除它，它会进入视图，但不会弹出模式对话框，因为链接上没有说明数据目标是什么。我希望我有语法错误的链接的目标模式弹出窗口。我希望，如果我为对话框包含正确的引导属性，它会弹出

我真的需要一些帮助，非常感谢

这是我的索引页面上的链接（包括数据目标）。再次注意，如果我从下面的代码片段中排除了“数据切换”和“数据目标”，我将进入视图，但是弹出否对话框

data-toggle="modal", data-target="#categoryEditModal"

<a href="@Url.Action("Edit", "Category", new { area = "Categories", id = item.CategoryID }) data-toggle="modal", data-target="#categoryEditModal"><span class="glyphicon glyphicon-edit" aria-hidden="true"></span>Edit</a>

data toggle=“modal”，data target=“#categoryEditModal”

这是我的目的地视图。我可以验证在调试时，Model.CategoryID和Model.CategoryDescription是否已填充到模型中

<div class="modal" id="categoryEditModal" tabindex="-1" role="dialog" aria-labelledby="categoryModal-label" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="categoryModal-label">Category Description</h4>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                        <div class="form-group">
                            @Html.LabelFor(model => model.CategoryDescription, htmlAttributes: new { @class = "control-label required col-md-2 col-sm-2 col-xs-2" })
                            <div class="col-md-10">
                                @Html.EditorFor(model => model.CategoryDescription, new { htmlAttributes = new { @class = "form-control" } })
                                @Html.ValidationMessageFor(model => model.CategoryDescription, "", new { @class = "text-danger" })
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary" id="btnSaveCategory">Save</button>
                </div>
            </div>
        </div>
    </div>

&时代；
类别说明
@Html.ValidationSummary（true，“，new{@class=“text danger”}）
@LabelFor（model=>model.CategoryDescription，htmlAttributes:new{@class=“control label required col-md-2 col-sm-2 col-xs-2”}）
@EditorFor（model=>model.CategoryDescription，new{htmlAttributes=new{@class=“form control”}）
@Html.ValidationMessageFor（model=>model.CategoryDescription，“，new{@class=“text danger”}）
接近
拯救

在索引页上编辑代码以打开对话框

在您的视图中

<a href="@Url.Action("Edit", "Category", new { area = "Categories", id = item.CategoryID }) data-toggle="modal", data-target="#categoryEditModal" data-modal=""><span class="glyphicon glyphicon-edit" aria-hidden="true"></span>Edit</a>


<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

在控制器中返回部分视图：

    Return PartialView("partialviewname")

---

使用jquery返回部分视图并打开modal.Rick，这是一种很好的技术，但是如果我在索引页上省略引导类，我就可以使用我原来的技术打开对话框。

$(function () {

    $.ajaxSetup({ cache: false });

    $("a[data-modal]").on("click", function (e) {

        $('#myModalContent').load(this.href, function () {


            $('#myModal').modal({
                /*backdrop: 'static',*/
                keyboard: true
            }, 'show');

        });

        return false;
    });
});

    Return PartialView("partialviewname")