模式弹出与partialview

我想在一个模式弹出我加入以下脚本上我的主要观点模式弹出与partialview

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui") 
<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.20.js"> </script> 
<script type="text/javascript" src="../../Scripts/jquery-2.0.3.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
    $('.details_display').on('click', function() { 
     $(".budgetdetail").dialog({ 
      autoOpen: true, 
      position: { my: "center", at: "top+350", of: window }, 
      width: 1000, 
      resizable: false, 
      title: 'Detail', 
      modal: true, 
      open: function() { 
       $(this).load('@Url.Action("DisplayBudgetDetail", "Budget")'); 
      } 
     }); 

    }); 
    }); 
</script>

而且这个部门显示的局部视图

</div>

调用弹出窗口的链接如下所示：

@Html.ActionLink("Detail", "DBudgetDetail", new { id = item.idBudget }, new { @class = "details_display" })

但是，当我点击它，我被重定向到一个新的页面，我试图显示的视图和没有弹出窗口正在创建。

当我调试，我得到这个错误我的Java脚本

TypeError: $(...).dialog is not a function 
$(".budgetdetail").dialog({

我是缺少在这里？

来源

2016-03-28 mdiaz

将与你的脚本问题的文件

@Scripts.Render("~/bundles/jquery") 
@Scripts.Render("~/bundles/jqueryui") 
<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.20.js"> </script> 
<script type="text/javascript" src="../../Scripts/jquery-2.0.3.min.js"></script>

1.你似乎是包括jQuery和jQueryUI的两次

你要么需要使用束（"~/bundles/jquery" & "~/bundles/jqueryui"）或脚本标签。不要同时使用两者。

2.脚本顺序错误

<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.20.js"> </script> 
<script type="text/javascript" src="../../Scripts/jquery-2.0.3.min.js"></script>

浏览器会在您包括他们的顺序执行脚本。首先包含JQuery UI，然后是JQuery。这些需要相反。 JQuery UI需要JQuery才能工作。

来源

2016-03-29 10:24:42

模式弹出与partialview

回答

相关问题