局部视图中的 ASP.net MVC javascript 未运行

Question

也许有人可以帮助我了解对具有自己的 javascript 代码的局部视图的调用存在什么问题或错误。

这是主要的cshtml：

@model  Ads_Negocio.FormTest

@{
    ViewBag.Title = "Reportone";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div> <p>Parent view</p> </div>
<p>----------Partial view section-----------</p>
<div>
    <p>Partial view</p>
    @Html.Partial("Componente/_aTestView")
</div>

@section scripts{
    <script type="text/javascript">
        $(document).ready(function () {
            alert("parent view renderign")
        });
    </script>
}

部分视图_aTestView.cshtml：

<button type="button" id="btnGraficNew">Run</button>

<script type="text/javascript">
    $(document).ready(function () {
        alert("partial view rendering");
        $("#btnGraficNew").click("click", function () {
            alert("Call from partial view");
        });
    });
</script>

问题：

视图渲染后，局部视图内的警报永远不会调用。
当我按下按钮时，它不会发出警报。

Answer 1

当您运行代码时，您可以在控制台 window 中看到以下错误。

Uncaught ReferenceError: $ is not defined

解决方案- 您应该将 jquery 引用放在 _Layout.cshtml 页面的 head 部分。 一旦你这样做，你的代码将按预期运行。 如果您使用的是默认捆绑包，那么下面的代码将起作用。

<head>
    ...
    @Scripts.Render("~/bundles/jquery")
</head>

或者

<head>
    ...
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

Answer 2

部分视图与父视图一起加载。 因此，javascript 命令应该驻留在父视图而不是局部视图本身。

Answer 3

window.addEventListener 适用于部分视图。

将您的代码放在 addeventlistener 方法中。

例如，此代码仅适用于 addEventListener 在我的部分视图中。

<script defer>
 window.addEventListener("load", function () {
    $(document).on("change", "#ddlBirim", function () {
        window.location.href = "/@controller/@action/" + $(this).val();
    });
 });
</script>

局部视图中的 ASP.net MVC javascript 未运行

问题描述

3 个解决方案

解决方案1
2 2020-08-01 05:50:35

解决方案2
1 已采纳 2020-08-01 02:17:12

解决方案3
0 2022-01-26 21:23:21

局部视图中的 ASP.net MVC javascript 未运行

问题描述

3 个解决方案

解决方案1 2 2020-08-01 05:50:35

解决方案2 1 已采纳 2020-08-01 02:17:12

解决方案3 0 2022-01-26 21:23:21

解决方案1
2 2020-08-01 05:50:35

解决方案2
1 已采纳 2020-08-01 02:17:12

解决方案3
0 2022-01-26 21:23:21