-1

次のシナリオがあります。

ユーザーが私のWebサイトにアクセスすると、サーバーからのオーディオファイルをユーザーに表示します。ユーザーが1つのリンクをクリックすると、最終的にjquery関数が実行され、埋め込みオブジェクトのソースが選択されたファイルに変更されます。

コードはこのリンクに記載されています。この質問に対する回答がいくつかありましたが、問題は解決していません。

私に起こっていることは、私がリンクをクリックしたときです。曲は新しいページで再生されます。にオブジェクトが埋め込まれた曲を再生する必要がありますdiv。

4

2 に答える 2

2

これを試して：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
  $(function(){
    $(document).on('click', "#song", function(e){
      e.preventDefault(); //<----------stops to navigate to link
      var musicSrc = $(this).attr('href');
      $('#music').find('embed').attr('src', musicSrc);
    });
  });
</script>

ノート：

必ず最初にjQueryライブラリをロードしてください。

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
于 2013-02-19T11:38:55.787 に答える
1

もちろん、それは機能していません。ページの読み込み後にイベントを追加する必要があります。jqueryを使用すると、次のようになります。

<script type="text/javascript">
$(function () {
    $(".song").click(function(e) {
        $('#mplayer').attr('src', $(this).attr('href'));
        e.preventDefault();
    });
});
</script>
于 2013-02-19T11:39:15.677 に答える