模式彈出與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

回答

相關問題