asp.net-mvc-3 - jquery ui对话框消失

Question

我在父视图中单击父视图中的按钮时我想在 jquery ui 对话框中加载另一个视图的内容。我尝试使用以下代码。但是 jquery ui 对话框最初显示另一个视图的内容，然后它不显示另一个视图的内容。

 <button id="btn_newtrade" name="btn_newtrade" class="newtrade">New Trade</button>

 <script type="text/javascript"> 
 $(function () {
  $('#dialog').dialog({

       autoOpen:false,
       width: 1400, 
       height:600,
        resizable: false,
        title: 'New Trades',
        modal: true,
        open: function(event, ui) {

            $(this).load('@Url.Action("NewTrade","Trade")');
        },
        buttons: {
            "Close": function () {
                $(this).dialog("close");
            }
        }
    });
});


$('.newtrade').click(function () {
    $('#dialog').dialog('open');

});
 </script>

 <div id="dialog"  style="display:none;"></div>

Answer 1

你可以试试这样的

$('.newtrade').click(function () {
    $('#dialog').load('@Url.Action("NewTrade","Trade")').dialog('open');
});

并删除open事件处理程序。