Javascript 如果有滑块,请显示它

Javascript 如果有滑块,请显示它,javascript,Javascript,我不是JS专家,但我正试图改变这一点,以便在没有显示静态图像、标题和描述的情况下,如果有一个滑块可以显示它。你知道为什么这不起作用吗?我的头脑目前正在旋转……我在//royal slider fix下试图添加到代码的部分周围留了一些空间,目前它只是显示if语句中的标题和描述。但是,标记显示滑块div并输出代码 任何帮助都将不胜感激!您可以预览此代码以及我在这里尝试执行的操作 ;(函数($){ $.fn.SuperBox=函数(选项){ var superbox=$(''); var superb

我不是JS专家,但我正试图改变这一点,以便在没有显示静态图像、标题和描述的情况下,如果有一个滑块可以显示它。你知道为什么这不起作用吗?我的头脑目前正在旋转……我在//royal slider fix下试图添加到代码的部分周围留了一些空间,目前它只是显示if语句中的标题和描述。但是,标记显示滑块div并输出代码

任何帮助都将不胜感激!您可以预览此代码以及我在这里尝试执行的操作

;(函数($){
$.fn.SuperBox=函数(选项){
var superbox=$('');
var superboximg=$('');
var superboxclose=$('');
superbox.append(superboximg).append(superboxclose);
返回此值。每个(函数(){
$('.superbox')。在('单击','.superbox列表',函数()上{
//允许superbox在流沙内部工作
$('ul.filterable grid').css({overflow:'visible'});
var currentimg=$(this.find('.superbox img');
superbox.find('.title').remove();
superbox.find('.description').remove();
var imgData=currentimg.data();
superboximg.attr('src',imgData.img);
if(imgData.title){superbox.append(''+imgData.title+'');}
if(imgData.description){superbox.append(''+imgData.description+'');}
//皇家滑块固定
superbox.find('.royalSlider').remove();//从以前的事件中删除滑块
var imgData=currentimg.data();
var sliderData=currentimg.next('.royalSlider');//获取要插入的滑块html
superboximg.attr('src',imgData.img);
if(sliderData){//如果有滑块,则显示滑块
superbox.clone().append(sliderData);//克隆元素,以便下次用户单击时不会丢失它
}else{//如果没有滑块,则按以前的方式继续
if(imgData.img){
superbox.append(imgData.img);
}
如果(imgData.title){
superbox.append(“”+imgData.title+“”);
}
if(imgData.说明){
superbox.append(“”+imgData.description+“”);
}
}
if($('.superbox当前img').css('opacity')==0){
$('.superbox current img')。设置动画({opacity:1});
}
if($(this).next().hasClass('superbox-show')){
superbox.toggle();
}否则{
superbox.insertAfter(this.css('display','block');
}
$('html,body')。设置动画({
scrollTop:superbox.position().top-currentimg.width()
}"中等";;
});
$('.superbox').on('hover','.superbox list',函数(e){
$(this.find('.overlay').stop()[(e.type=='mouseenter')?'fadeIn':'fadeOut']('slow');
});
$('.superbox')。在('单击','.superbox关闭',函数()上){
$('.superbox current img')。设置动画({opacity:100},200,function(){
$('.superbox show').slideUp();
});
});
});
};
})(jQuery);

这只是一个提示,而不是试图解决整个问题

试试这个:

var superbox      = $('<div class="superbox-show"/>');
var superboximg   = $('<img src="" class="superbox-current-img"/>');
var superboxclose = $('<div class="superbox-close"/>');

imgData.img从何处获取其值?

先格式化代码,JSFIDLE会有帮助。它的格式是否错误?我尝试缩进以使其可读。在这里启动了一个JSFIDLE,由于某种原因,我似乎无法使它在JSFIDLE上工作。我会继续尝试,我只是做了一个回答,而不是一个评论,只是为了让语法更清晰。谢谢你的提示。这是一个巨大的痛苦!我真的很感激!不,我很困惑,觉得自己陷入了困境-/可以理解的是,锻炼是你提高的方式:)
var superbox      = $('<div class="superbox-show"/>');
var superboximg   = $('<img src="" class="superbox-current-img"/>');
var superboxclose = $('<div class="superbox-close"/>');
if (sliderData.length > 0)