0

试图让 Galleria 脚本在 WordPress 中工作?我已使用此代码将脚本排入队列,并且似乎可以正常加载:

function add_scripts(){
// Load Galleria

wp_register_script('galleria',get_bloginfo('wpurl').'/galleria/galleria-1.2.2.min.js',array('jquery'),false);
wp_enqueue_script('galleria');
}
add_action('init','add_scripts');

在帖子正文中,我有以下内容,但我得到的只是图像列表:

<div id="gallery"><img src="http://farm4.static.flickr.com/3316/3532175582_91f984df47.jpg" alt="" />
<img src="http://farm4.static.flickr.com/3316/3532175582_91f984df47.jpg" alt="" />
<img src="http://farm4.static.flickr.com/3316/3532175582_91f984df47.jpg" alt="" /></div>
<script type="text/javascript">
            Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
            $("#gallery").galleria({
                width: 500,
                height: 500
            });</script>

我收到的错误是这样的: $ 不是函数...所以 Galleria 脚本没有正确触发,或者没有按正确的顺序触发..

我也在Galleria论坛上问过这个问题。

谢谢

这是 Galleria 的基本设置,直接取自文档,它可以作为独立的 html 正常工作:

<!doctype html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script src="galleria/galleria-1.2.2.min.js"></script>
    </head>
    <body>
        <div id="gallery">
            <img src="photo1.jpg">
            <img src="photo2.jpg">
            <img src="photo3.jpg">
        </div>
        <script>
            Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
            $("#gallery").galleria({
                width: 500,
                height: 500
            });
        </script>
    </body>
</html>
4

3 回答 3

4

尝试替换$("#gallery")jQuery("#gallery")

根据这篇文章,Wordpress 为原型保留了美元。

于 2011-03-27T01:05:04.567 回答
2

出于某种原因,有时使用 wordpress 你必须这样做:

var $ = jQuery;

或者按照@zxt 的建议去做。这也应该有效。如果$您使用其他可能使用$.

于 2011-03-27T01:13:35.147 回答
1

你需要在你的页面中包含 jquery 库—— jquery 是定义“$”的东西。

就像是

<script type="text/javascript" src="someplace/on/your/server/jquery.js"/>
于 2011-03-27T00:58:31.970 回答