Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery超大显示IE错误_Javascript_Jquery_Wordpress_Supersized - Fatal编程技术网

Javascript jquery超大显示IE错误

Javascript jquery超大显示IE错误,javascript,jquery,wordpress,supersized,Javascript,Jquery,Wordpress,Supersized,我正试图融入Wordpress 我知道有一个可湿性粉剂插件在那里,但更愿意这样做手动,因为我使用自定义标题,自定义模板和可湿性粉剂电子商务产品的幻灯片帖子(难以与插件集成) 一切都很好,除了我在IE中遇到一个错误,因为最后的幻灯片逗号没有被删除 IE错误是:消息:“base.options.slides[…]”。thumb“为空或不是对象 =================== 编辑:我更新了下面的代码以反映Naor的答案-他的建议非常有效(谢谢Naor!!) var=[]; 幻灯片。推送({

我正试图融入Wordpress

我知道有一个可湿性粉剂插件在那里,但更愿意这样做手动,因为我使用自定义标题,自定义模板和可湿性粉剂电子商务产品的幻灯片帖子(难以与插件集成)

一切都很好,除了我在IE中遇到一个错误,因为最后的幻灯片逗号没有被删除

IE错误是:消息:“base.options.slides[…]”。thumb“为空或不是对象

===================

编辑:我更新了下面的代码以反映Naor的答案-他的建议非常有效(谢谢Naor!!)


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,
                 ....
                 ....
    });