常规FancyBox 1.3.4 w / Wordpress - 链接

时间:2012-07-29 14:48:56

标签: javascript wordpress fancybox

当我在google上搜索这个时,我得到了很多wordpress插件响应,所以我在这里问。

我有一个wordpress.org博客。有一个链接,onclick,我想打开一个fancybox w /其中的一些内容,实际上是一个spotify嵌入播放列表w /头。

我已经包含了所有fancybox文件并进行了初始化,但没有运气。这是我的代码:

初​​始化:

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

任何人都可以帮我吗?令人难以置信的是,如此简单的事情可以在wordpress中产生如此痛苦。

我在控制台中收到此错误消息:Uncaught TypeError:Object [object Object]没有方法'fancybox'

这是否意味着它没有读取fancybox js文件?

1 个答案:

答案 0 :(得分:0)

非常感谢你的帮助。不确定它是否与我的客户的博客配置有关,或者只是缺乏对常规Fancybox 1.3.2和wordpress.org的支持,但我不得不求助于Lytebox wordpress插件 - http://wordpress.org/extend/plugins/lytebox/ - 你只是在a标签中包含一个rel =“lyteframe”。我重新设计它看起来就像一个花式盒,所以尽管不是最佳的或像fancybox一样健壮,但它不是一个糟糕的选择