導入的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。