Javascript jquery超大显示IE错误
我正试图融入Wordpress 我知道有一个可湿性粉剂插件在那里,但更愿意这样做手动,因为我使用自定义标题,自定义模板和可湿性粉剂电子商务产品的幻灯片帖子(难以与插件集成) 一切都很好,除了我在IE中遇到一个错误,因为最后的幻灯片逗号没有被删除 IE错误是:消息:“base.options.slides[…]”。thumb“为空或不是对象 =================== 编辑:我更新了下面的代码以反映Naor的答案-他的建议非常有效(谢谢Naor!!)Javascript jquery超大显示IE错误,javascript,jquery,wordpress,supersized,Javascript,Jquery,Wordpress,Supersized,我正试图融入Wordpress 我知道有一个可湿性粉剂插件在那里,但更愿意这样做手动,因为我使用自定义标题,自定义模板和可湿性粉剂电子商务产品的幻灯片帖子(难以与插件集成) 一切都很好,除了我在IE中遇到一个错误,因为最后的幻灯片逗号没有被删除 IE错误是:消息:“base.options.slides[…]”。thumb“为空或不是对象 =================== 编辑:我更新了下面的代码以反映Naor的答案-他的建议非常有效(谢谢Naor!!) var=[]; 幻灯片。推送({
var=[];
幻灯片。推送({图像:'',标题:'
定价自---',url:'});
jQuery(文档).ready(函数($){
美元。超大({
//功能性
幻灯片放映:1,//幻灯片放映打开/关闭
自动播放:1,//幻灯片自动开始播放
开始幻灯片:1,//开始幻灯片(0是随机的)
滑动间隔:6000,//过渡之间的长度
随机:0,,
转换:1、//0-无、1-淡入、2-顶部滑动、3-右侧滑动、4-底部滑动、5-左侧滑动、6-右侧旋转木马、7-左侧旋转木马
过渡速度:800,//过渡速度
新建窗口:1,//在新窗口/选项卡中打开图像链接
暂停\悬停:0,//悬停时暂停幻灯片放映
键盘导航:1,//键盘导航打开/关闭
性能:1、//0-正常,1-混合速度/质量,2-优化图像质量,3-优化转换速度//(仅适用于Firefox/IE,不适用于Webkit)
image\u protect:1,//禁用图像拖动并使用Javascript右键单击
图像路径:'/supersized/img/',//默认图像路径
//大小和位置
最小宽度:0,//允许的最小宽度(以像素为单位)
最小高度:0,//允许的最小高度(以像素为单位)
垂直中心:1,//垂直中心背景
水平居中:1,//水平居中背景
fit_纵向:1,//纵向图像将不会超过浏览器高度
fit_横向:0,//横向图像将不会超过浏览器宽度
//组成部分
//导航:1,//幻灯片显示控件打开/关闭
缩略图\u导航:1,//缩略图导航
拇指链接:1,
幻灯片\计数器:1,//显示幻灯片编号
幻灯片标题:1,//幻灯片标题(从幻灯片数组中的“标题”中提取)
幻灯片:幻灯片,
幻灯片链接:“空白”,
进度条:1,
老鼠磨砂:1
});
});
我不熟悉php,但您可以在超大初始化之前准备幻灯片数组,如下所示:
var slides=[];
<?php while( $my_query->have_posts() ) : $my_query->the_post(); ?>
slides.push({image : '<?php echo wpsc_the_product_image(); ?>', title : '<div class="slidecaptioninside"><a href="<?php echo wpsc_the_product_permalink(); ?>"><?php echo wpsc_the_product_title(); ?></a> <br /><div class="slidedescription"><?php $excerpt = wpsc_the_product_description(); echo string_limit_words($excerpt,5)."...";?> <br />Priced from- <?php echo wpsc_the_product_price(); ?> - <a href="<?php echo wpsc_the_product_permalink(); ?>">find out more</a></div>', url : '<?php echo wpsc_the_product_permalink(); ?>'});
<?php endwhile; ?>
希望这对你有帮助
祝你好运 谢谢你的建议-但是在超大型化之前不需要调用查询。我需要做的是实现一个foreach参数,它将忽略最后一个逗号。我的原始代码在除IE之外的所有浏览器中都能正常工作-那么如何告诉IE忽略/排除最后一个逗号呢?@Sol:最后一个逗号的语法不正确。为了javascript的有效性,您应该删除它。你可以做一个php“if”语句,以便识别循环何时不在最后一个元素中,然后添加逗号。-我实现了你的代码,它工作完美:-)谢谢。答:-)
var slides=[];
<?php while( $my_query->have_posts() ) : $my_query->the_post(); ?>
slides.push({image : '<?php echo wpsc_the_product_image(); ?>', title : '<div class="slidecaptioninside"><a href="<?php echo wpsc_the_product_permalink(); ?>"><?php echo wpsc_the_product_title(); ?></a> <br /><div class="slidedescription"><?php $excerpt = wpsc_the_product_description(); echo string_limit_words($excerpt,5)."...";?> <br />Priced from- <?php echo wpsc_the_product_price(); ?> - <a href="<?php echo wpsc_the_product_permalink(); ?>">find out more</a></div>', url : '<?php echo wpsc_the_product_permalink(); ?>'});
<?php endwhile; ?>
$.supersized({
....
....
....
slides: slides,
....
....
});