WordPress 和 jquery

Posted 2023-05-09

【中文标题】WordPress 和 jquery

【英文标题】：Wordpress and 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

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

【参考方案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> 仍然没有，同样的错误....？