0

Google でこれを検索すると、WordPress プラグインの応答がたくさん返ってくるので、ここで質問します。

wordpress.org ブログを持っています。onclick、その中にいくつかのコンテンツを含むファンシーボックスを開きたいというリンクがあります。実際には、ヘッダー付きのSpotify埋め込みプレイリストです。

ファンシーボックスファイルをすべて含めて初期化しましたが、うまくいきません。これが私のコードです：

初期化:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri();?>/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri();?>/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> 
  <script type="text/javascript">
                    $(document).ready(function() {
                        $("a#playlist_pop").fancybox({
                                'overlayShow'   : false,
                                'transitionIn'  : 'elastic',
                                'transitionOut' : 'elastic'
                        });
                    });
                  </script>

そして、ここに私のhtmlがあります：

<div class="spotify_header" style="padding-bottom: 10px;padding-top: 10PX;text-align: center">CHECK US OUT ON <a id="playlist_pop" href="#playlist_data"><span>SPOTIFY</span></a>
                        <div style="display:none">
                            <div id="playlist_data">
                                <div id="Spotiplay">
                                    <h3>Artists We Love</h3><br/>
                                    <div id="playlist_pop_con"><iframe src="https://embed.spotify.com/?uri=spotify:user:yalefox:playlist:3NCBHSkbl0jLZtUnNWkdPh" width="312" height="392" frameborder="0" allowtransparency="true"></iframe></div>
                                </div>
                            </div>
            </div></div>

誰でもこれで私を助けることができますか？信じられないほど簡単なことを、ワードプレスでこれほど苦痛にできる..

コンソールに次のエラー メッセージが表示されます: Uncaught TypeError: Object [object Object] has no method 'fancybox'

これは、fancybox js ファイルを読み取っていないということですか?

4

1 に答える 1

0

助けてくれてありがとう。クライアントのブログ構成に関係があるのか​​、通常の Fancybox 1.3.2 と wordpress.org がサポートされていないだけなのかはわかりませんが、Lytebox ワードプレス プラグインに頼る必要がありました - http://wordpress.org/extend /plugins/lytebox/ - タグに rel="lyteframe" を含めるだけです.Fancybox のように見えるようにスタイルを変更したので、最適ではなく、Fancybox ほど堅牢ではありませんが、悪い代替手段ではありません。

于 2012-08-11T00:42:18.320 に答える