试图让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>
答案 0 :(得分:4)
答案 1 :(得分:2)
出于某种原因,有时使用wordpress你必须这样做:
var $ = jQuery;
或者做@zxt的建议。这也应该有效。如果您使用的是其他可能使用$
的库,则他们使用的jQuery版本不会声明$
变量以避免冲突。
答案 2 :(得分:1)
您需要在页面中包含jquery库 - jquery是定义“$”的内容。
像
这样的东西<script type="text/javascript" src="someplace/on/your/server/jquery.js"/>