6

jPlayerscript を使用して、作成中の Web サイト用の mp3 プレーヤーを作成しました。完全に機能するスタンドアロンのページでテストしてスタイルを設定しました。

http://www.basenharald.nl/3d/demo-02.htm

ただし、実際の Web サイトに実装すると、コントロールを機能させることができません。プレイリストも完全には表示されません:

http://www.basenharald.nl/3d/ (「muziek」をクリックして見つけてください) それ以外に、機能しているように見える唯一のボタンは、再生と一時停止です。しかし、それをクリックすると、開始画面に戻ります...スクリプトの競合が原因だと思いますが、場所がわかりません。

誰でも問題を見つけることができますか?

4

4 に答える 4

5

これ<div id="toppanel">は再生ボタンの前にあります...再生をクリックすると、実際にはトップパネルをクリックします。

  • あなたができることは、z-indexCSSの支払者で使用して上に移動することです（z方向）
  • プレイヤーを下に移動
  • トップパネルを外す
于 2011-07-11T13:34:09.003 に答える
1

This line (in your "scripts.js") seems to be the bad apple: 

/*!
 * Smoothscroll
 */
eval((function(){a="Scroller={speed:10,8dC.;d.while(dC.+C.}}...

I checked out the source code of the original script (the packed version you included on your site is unreadable) and one comment mentions that Smoothscroll grabs all anchors in the document and attaches the click event to scroll. Since the jquery player is using anchors for its controls, there is your conflict.

于 2011-07-21T03:38:49.677 に答える
1

すべての曲をプレイリストに表示するには、これを style.css ファイルに追加します。

#muziek .jp-type-playlist li {
    height: 18px;
}

2 番目の <li> タグはまだプレーヤーをブロックしています。ページのこの領域のマークアップを次のようにします。

<ul style="{snip... use existing styles}" id="muziek">
    <li style="{snip... use existing styles}">
        <div id="muur-wrapper">
            <!-- mp3 player snipped -->
            <img src="images/muziek-muziek.png" style="position: absolute; left: 251px; top: 300px;">
        </div>
    </li>
</ul>

次に、プレイリストのアイテムをクリックすると、ホームの「ページ」に戻ることに気付くでしょう。これは、href="#" を含むリンクがあるためです。それは正しい動作ですが、「#」は最終的に実際の mp3 ファイルへのリンクに置き換えられると思います。いずれにせよ、これにより、プレーヤーはスタンドアロン デモのように動作するはずです。

于 2011-07-20T16:04:54.727 に答える
0

競合するスクリプトに問題があり、エラーを見つけることができませんでした。次に、追加var $j = jQuery.noConflict();して問題を修正しました。jQuery no conflict の詳細については、http: //api.jquery.com/jQuery.noConflict/を参照してください。

それがあなたの問題を解決するかどうかはわかりませんが、試してみる価値があるかもしれません.

于 2011-07-15T04:44:41.857 に答える