ASP.NETのHTMLクラスのスクリプトを追加します。

Question

ASP.NETプロジェクトにhtmlオーディオプレーヤーを追加します。私はjQueryで別のクラスに分け、CSSでスタイルを設定できます。 私が使用するスクリプト呼び出しの場合。

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

ただし、ASP.NETで使用すると動作しません。

スクリプトをバンドルに追加します。

public class BundleConfig 
{ 
    public static void RegisterBundles(BundleCollection bundles) 
    { 

     bundles.Add(new ScriptBundle("~/bundles/audioplayer").Include(
        "~/Scripts/jquery-{version}.js", 
        "~/Scripts/audioplayer.js")); 
    } 
} 

さらに、スクリプトを側面に追加します。

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

ここで、私はサイドをデバッグすると、彼は私にはデザインを持たない通常のタグのみを表示します。彼らは私のタグを関​​数に追加しません。

誰かが自分の過失を見つけたとか、それがうまくいくのを忘れていたのでしょうか？私はそれが私のside.Pleaseに取り組んでしまった

Answer 1

この試してみてください。

@{ 
    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> 

出力：