jQuery准備就緒后，在_layout視圖中，當頁面加載時，會從子視圖自動調用javascript函數

Question

堅固的文本在我的ASP MVC 5應用程序中，我有一個（master- Jquery在這里加載 ） _layout.cshtml和（子_layout.cshtml ，我的函數在這里可排序，而不是加載 ）視圖tableView.cshtml

在子 tableView.cshtml中，我編寫了需要在Jquery上調用的自定義JS函數。Read $ ready。 由於jquery已經加載到母版頁中，因此如何在子頁加載時附加我的函數（和第3部分插件）？

如果可能的話，請在子視圖加載/導航加載時共享一種模塊化方式，以在子視圖中附加並初始化我的函數和第三方插件， 以便在加載主jquery函數時，它也調用我的函數。

_layout.cshtml

//  DOM ready is completed in master layout, I have custom JS plugin/code (sortable)
// in the child view that I need to load, when that loads

   $( document ).ready(function() {
      console.log( "Master layout ready, done" );
      });

TableView.cshtml

// in my tableView, that inherits layout from master, 
// how can I get this loaded when the page loads

  (function() {
    console.log( "How can I get child table plugin, loaded!" );
    })();

Answer 1

您應該使用@RenderSection()作為占位符以從視圖中呈現內容

您的版面設計頁面可能看起來像

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  .....
  // Include common style sheets here
  @RenderSection("styles", false) // placeholder for styles
  @Scripts.Render("~/bundles/modernizr")
</head>
<body>
  ....
  @RenderBody()
  ....
  // Include all common scripts here
  @Scripts.Render("~/bundles/jquery") // include jquery first
  @RenderSection("scripts", required: false) // placeholder for page specific scripts
</body>
</html>

並認為

@model YourModel
// html here
....
@section styles {
  <link href="~/Content/PageSpecificStyleSheet.css" rel="stylesheet" />
}
@section scripts {
  // Add page specific scripts and plugin files here
  @Scripts.Render("~/bundles/jqueryval")
  <script src="../../Scripts/MyScript.js" type="text/javascript"></script>
  ....
  <script type="text/javascript">
    // Other javascript code here
  </script>
}

注意@RenderSection("styles", false)位於<head>元素中，而@RenderSection("scripts", required: false)位於</body>標記的緊前面，這意味着視圖中定義的所有腳本都將在之后加載。頁面元素已加載（並在jquery文件之后）

jQuery准備就緒后，在_layout視圖中，當頁面加載時，會從子視圖自動調用javascript函數

問題描述

1 個解決方案

解決方案1
1 已采納

jQuery准備就緒后，在_layout視圖中，當頁面加載時，會從子視圖自動調用javascript函數

問題描述

1 個解決方案

解決方案1 1 已采納

解決方案1
1 已采納