MVC 5 使用敲除作为 jQuery 对话框的部分视图

Question

我正在使用敲除来呈现包含数据行的页面。在每一行都有一个链接，它应该调用一个返回部分视图的控制器函数。

链接的敲除脚本是（在 foreach 循环内）...

<a class="lnkEdit" data-bind="attr: {'href': '@Url.Action("ControllerActionName", new RouteValueDictionary() { { "Controller", "ControllerName" } })/'+ id}">Details</a>

脚本部分...

        $(document).ready(function () {            
        $.ajaxSetup({ cache: false });
        $("#dialog-edit").dialog({
            title: 'Details',
            autoOpen: false,
            resizable: false,
            position: ['center', 50],
            width: 700,
            show: { effect: 'drop', direction: "up" },
            modal: true,
            draggable: true,
            open: function (event, ui) {
                $(".ui-dialog-titlebar-close").hide();
                $(this).load(url);
            }
        });

        $(".lnkEdit").on("click", function (e) {
            url = $(this).attr('href');                
            $("#dialog-edit").dialog('open');
            return false;
        });

        $("#btncancel").on("click", function (e) {
            $("#dialog-edit").dialog("close");
            return false;
        });

        ko.applyBindings(new UnitViewModel());
    })

我的页面有 div 作为对话框的占位符...

<div id="dialog-edit" style="display: none">

问题：当我点击链接查看详情时；控制器返回部分视图，但 jquery 无法生成对话框，因此页面以正常视图打开。这有什么问题？

Answer 1

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

我会检查您的代码并且正在运行... 只需适当添加 CSS 和 JS。