【问题标题】:Wordpress and jqueryWordPress 和 jquery
【发布时间】:2010-11-30 04:23:58
【问题描述】:

我从来没有过多地使用过 wordpress,而且我真的被卡住了。我正在尝试通过 jquery 添加视频播放列表/图库。不是wordpress插件。我什至不确定我做错了什么,希望有人能帮助我解决这个问题。该站点在这里,http://okaysewwhat.com/ 它现在只是一个骨架,因为它还不起作用。 我用的jquery插件是这个,http://www.geckonewmedia.com/blog/2009/8/14/jquery-youtube-playlist-plugin---youtubeplaylist

好的,所以我在 wordpress 的 header.php 中添加了这个来调用 youtube 部分的样式表,

<link rel="stylesheet" type="text/css" media="all" href="<?phpbloginfo('stylesheet_url'); ?>/youtube.css" />

然后就是这部分,你可以看到我添加了什么,

    <?php


        wp_enqueue_script("jquery");

        if ( is_singular() ) wp_enqueue_script( 'comment-reply' );



        wp_head(); 

        global $options;
        foreach ($options as $value) {
             if (get_settings( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_settings( $value['id'] ); }
        }
    ?>

<script src="<?php bloginfo('template_directory'); ?>/jquery.youtubeplaylist.js" type="text/javascript" charset="utf-8"></script>


<script type="text/ecmascript">
jQuery.noConflict();

    $(function() {
        $("ul.demo2").ytplaylist({addThumbs:true, autoPlay: false, holderId: 'ytvideo2'});
    });

</script>

在我添加的 index.php 里面,就在 wordpress main_col div 的下面,

<?php include (TEMPLATEPATH . '/tube.php'); ?> 

tube.php 中的所有内容都是 vids 列表,

<code>
    <div class="yt_holder">
    <div id="ytvideo2"></div>
    <ul class="demo2">
        <li><a href="http://www.youtube.com/watch?v=QBBWKvY-VDc">Video 1</a></li>
        <li><a href="http://www.youtube.com/watch?v=ZXMQqLnRhRI">Video 2</a></li>
        <li><a href="http://www.youtube.com/watch?v=Wvo-g_JvURI">Video 3</a></li>
    </ul>
</div>
</code>

我希望这不是太复杂,我道歉,我只是迷失在其中,我不再理解它了。所显示的只是一个列表,就像您从上面的 ul 中获得的一样。
萤火虫给了我错误

Firebug's log limit has been reached. %S entries not shown.     Preferences  
$ is not a function
okaysewwhat.com()okaysewwhat.com (line 40)
[Break on this error] $(function() {\n

我也不明白。我将不胜感激任何提示,非常感谢。

【问题讨论】:

    标签: javascript jquery wordpress plugins


    【解决方案1】:

    http://docs.jquery.com/Core/jQuery.noConflict

    通过使用此函数,您将只能使用“jQuery”变量访问 jQuery。例如,你以前做 $("div p") 的地方,现在必须做 jQuery("div p")。

    【讨论】:

    • 我在使用 Wordpress 和 jQuery 时遇到了类似的问题,这就是我的解决方案。希望这对你有用,thatryan。
    • 这与 WordPress 无关。如果你要使用 jQuery.noConflict();并且您仍然想使用 jQuery.whaterver 以外的其他东西,只需执行 var jQ = jQuery.noConflict(); 然后您可以执行 jQ('div').blah blah 之类的操作
    • 但我将脚本函数更改为 <script type="text/ecmascript"> jQuery.noConflict(); jQuery(function() { jQuery("ul.demo2").ytplaylist({addThumbs:true, autoPlay: false, holderId: 'ytvideo2'}); }); </script> 仍然没有,同样的错误....?
    猜你喜欢
    • 2010-10-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多