导入的JS脚本在ASP.NET视图中不起作用

Question

在ASP.NET项目中，尝试实现JS脚本工作，但是以某种方式失败了。 我的脚本在Scripts文件夹中，JQuery导入在_ViewImports中 ，按钮在我的视图中

我也尝试过在View本身中导入JQuery并将脚本函​​数包装到$(document).ready(...) ，但都没有帮助。

脚本功能

function copyToClipboard(element) {
    var $temp = $("<input>");
    $("body").append($temp);
    $temp.val($(element).text()).select();
    document.execCommand("copy");
    $temp.remove();
}

jQuery导入_ViewImports

<script src="~/lib/jquery/dist/jquery.js"></script>

使用该功能

<script src="@Url.Content("~/Scripts/copyToClipboard.js")" type="text/javascript"></script>
<button onclick="copyToClipboard("default str")">Copy</button>

页面上的按钮正常显示，但没有执行任何操作

Answer 1

_ViewImports文件不是注册JavaScript的正确位置。 尝试在布局或局部视图中添加jquery。