Question

首先，我在页面上拥有所有正确的文件;我使用简单的对话确认页面对其进行了测试。我想要做的是在单击一个按钮并且没有任何反应的情况下在对话框中加载我的局部视图，我在局部视图上放置一个断点，它也没有关闭，因此代码不能在这里触发是我得到的

主页

<script>
  $(document).ready(function () {
    $('#dialog').dialog({
      autoOpen: false,
      width: 800,
      height: 400,
      draggable: false,
      resizable: false,
      open: function(event, ui) {
        $(this).load("/profile/edit");
      }
    });

    $('#my-button').click(function () {
      $('#dialog').dialog('open');
    });
  });
</script>

<button id="my-button">Open Dialog</button>

以下是我正在尝试加载的部分视图

public PartialViewResult Edit() {
  return PartialView("_pedit");
}

关于可能出错的任何建议;我甚至试图这样做

$(this).load('@Url.Action("Edit","profile")');

并且我知道我已经准备好了所有正确的文件，因为如果我为对话框添加了原始的Jquery代码，那么它的工作原理是

 <script>
   $(function() {
     $( "#dialog" ).dialog({
       autoOpen: false,
       show: {
         effect: "blind",
         duration: 1000
       },
       hide: {
         effect: "explode",
         duration: 1000
       }
     });
     $( "#opener" ).click(function() {
       $( "#dialog" ).dialog( "open" );
     });
   });
 </script>
 </head>
 <body>
   <div id="dialog" title="Basic dialog">
     <p>This is an animated dialog which is useful for displaying information..</p>
   </div>
   <button id="opener">Open Dialog</button>
 </body>

Answer 1

在您的代码中，您使用了$('#dialog').dialog。因此，应该有一个ID为dialog的元素来加载内容。

将以下div添加到view并检查。

<div id="dialog"></div>

谢谢！

jQuery对话框在mvc4中没有响应

1 个答案: