Javascript 在ASP.NET中为HTML类添加脚本

我正在为我的ASP.NET项目添加一个html音频播放器。我用jquery将它划分在不同的类中，我可以用css对它进行样式化。 对于我使用的脚本调用

<script>
        $( function() { $( 'audio' ).audioPlayer(); } );
</script>

我在侧面底部添加了渲染脚本

@section Scripts {
@Scripts.Render("~/bundles/audioplayer")
}

现在，如果我调试侧面，他只显示普通标记，没有任何设计。他们没有在函数中添加my-tag

---

也许有人发现了我的错误，或者我忘记了它会起作用？

我让它在我这边起作用。请尝试以下方法：

@{
    ViewBag.Title = "Home Page";
    Layout = null;
}

<link href="~/Content/audio.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.12.2.min.js"></script>
<script src="http://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/audioplayer.js"></script>

<script type="text/javascript">
    $(function () {
        $('audio').audioPlayer();
    });
</script>
<div style="width:300px;">
    <audio src="~/Music/song.mp3" preload="auto" controls autoplay loop></audio>
</div>

@{
ViewBag.Title=“主页”；
布局=空；
}
$（函数（）{
$（'audio'）.audioPlayer（）；
});
我的手机在我这边正常工作。请试试这个：

@{
    ViewBag.Title = "Home Page";
    Layout = null;
}

<link href="~/Content/audio.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.12.2.min.js"></script>
<script src="http://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/audioplayer.js"></script>

<script type="text/javascript">
    $(function () {
        $('audio').audioPlayer();
    });
</script>
<div style="width:300px;">
    <audio src="~/Music/song.mp3" preload="auto" controls autoplay loop></audio>
</div>

@{
ViewBag.Title=“主页”；
布局=空；
}
$（函数（）{
$（'audio'）.audioPlayer（）；
});
在屏幕顶部添加@Scripts.Render（“~/bundles/audioplayer”）site@DenisWessels是正确的，如果您的捆绑js for audioplayer必须位于声明的js代码之上。audioplayer（）@DenisWessels他仍然向我显示正常的音频元素，我用警告行测试脚本标记，现在他使用脚本，但我认为他在“$（function（）{$（'audio'）.audioPlayer（）；}）”行。例如，请尝试手动将脚本引用添加到页面，而不是绑定starters@DenisWessels我现在添加了…@Scripts.Render（“~/Scripts/audioplayer.js”）“@Scripts.Render（“~/Scripts/jquery-1.10.2.js”）”，但没有办法。可能他有问题，因为边是用“@RenderBody（）渲染的" ? 我将脚本添加到渲染器顶部的RenderBodyAdd@scripts.Render（“~/bundles/audioplayer”）中site@DenisWessels是正确的，如果您的捆绑js for audioplayer必须位于声明的js代码之上。audioplayer（）@DenisWessels他给我看的仍然是正常的音频元素，我用警告行测试脚本标记，现在他使用脚本，但我认为他在“$（function（）{$（'audio'）.audioPlayer（）；}）”行上有问题starters@DenisWessels我补充说。。。“@Scripts.Render（“~/Scripts/audioplayer.js”）”@Scripts.Render（“~/Scripts/jquery-1.10.2.js”）”现在，但没有办法。也许他有问题，因为边是用“@RenderBody（）”渲染的？我在RenderBodyI中添加了脚本，我创建了一个新的空端并添加了代码，但它不起作用。之后，我尝试创建一个新的ASP.NET（MVC）项目，并在没有任何结果的情况下再次添加代码。您的应用程序中是否有一个名为Music的文件夹和一个名为song.mp3的文件？按照我的示例将代码复制到您的视图中我适合我的代码。文件夹和css路径。当我在普通html中使用脚本时，它工作得很好。我使用浏览器devolper工具查找代码，在ASP.NET中我实际看到了标记。对于普通html，我在同一个地方有一个名为“audioplayer”的div。他不能/不使用脚本。我创建了一个新的空白面并添加了您的代码，但它不起作用。之后，我尝试创建一个新的ASP.NET（MVC）项目，并在没有任何结果的情况下再次添加代码。您的应用程序中是否有一个名为Music的文件夹和一个名为song.mp3的文件？按照我的示例将代码复制到您的视图中我适合我的代码。文件夹和css路径。当我在普通html中使用脚本时，它工作得很好。我使用浏览器devolper工具查找代码，在ASP.NET中我实际看到了标记。对于普通html，我在同一个地方有一个名为“audioplayer”的div。他不能/不使用剧本。