WordPress 中的“Galleria” - $ 不是函数答案

【问题标题】：'Galleria' In WordPress- $ is not a functionWordPress 中的“Galleria” - $ 不是函数
【发布时间】：2011-03-27 00:54:47
【问题描述】：

试图让 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 forum问过这个问题。

谢谢

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

【问题讨论】：

这是客户端还是服务器端的错误？

标签： wordpress galleria

【解决方案1】：

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

根据这个post，Wordpress 为Prototype 保留$。

【讨论】：

【解决方案2】：

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

var $ = jQuery;

或者按照@zxt 的建议去做。这也应该有效。他们使用的 jQuery 版本没有声明 $ 变量，以避免在您使用可能使用 $ 的其他库时发生冲突。

【讨论】：

【解决方案3】：

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

类似

<script type="text/javascript" src="someplace/on/your/server/jquery.js"/>

【讨论】：

嗨。以下是在标题中加载，在 Galleria 脚本之前：