脚本在我的 ASP.NET Core 视图中不起作用答案

【问题标题】：Scripts do not work in my ASP.NET Core view脚本在我的 ASP.NET Core 视图中不起作用
【发布时间】：2021-06-16 08:01:26
【问题描述】：

视图中的脚本对我不起作用。但同时脚本在_Layout 中工作。例如，如果我向_Layout 添加一个按钮，脚本可以工作，但在同一个视图中，同一个按钮不起作用。

我试图通过

@section Scripts { code... }

@RenderSection("Scripts", required: false)

但它在 _Layout 和视图中都不起作用

更新：

黄色高亮的地方，这个按钮位于_Layout，红色的地方，它位于View中。黄色调用脚本没有问题。而红色不会造成

【问题讨论】：

【解决方案1】：

请确保id 属性的值在 DOM 中必须是唯一的，您可以为这两个购物车按钮指定不同的值，如下所示。

<button id="btnCrt1">Cart</button>

<button id="btnCrt2">Cart</button>

然后使用以下选择器选择/匹配具有id 属性且值正好以btnCrt 开头的元素。

$("button[id^='btnCrt']").click(function () {
    //code logic here
})

【讨论】：