Javascript jQuery-one('load','selector'),选择器不工作
我想在Ajax加载之后使用以下一个加载 这是有效的:Javascript jQuery-one('load','selector'),选择器不工作,javascript,jquery,events,jssor,Javascript,Jquery,Events,Jssor,我想在Ajax加载之后使用以下一个加载 这是有效的: j('#slider_small_container .slider-image-small:eq(0)').one('load',function(){ alert('Test'); }); 但这不是: j('body').one('load', '#slider_small_container .slider-image-small:eq(0)',function(){ alert('Test');
j('#slider_small_container .slider-image-small:eq(0)').one('load',function(){
alert('Test');
});
但这不是:
j('body').one('load', '#slider_small_container .slider-image-small:eq(0)',function(){
alert('Test');
});
为什么会这样
正如您首先看到的,我从一个accordeon开始,它在单击时从子页面加载sajax内容。
在加载之后,我做了一些其他的事情,比如嵌套的手风琴、画廊等等
在最后的hole accordeon脚本之后,我想使用一个图像滑块
但是相应的图像来自ajax负载。
如果我直接打开子页面,它就会工作。
但是,如果使用ajax加载,则不会触发事件
jQueryfunctionj{
/**
*大手风琴
*/
csc菜单手风琴。csc菜单手风琴大。手风琴{
页眉:.ui-accordion-header.big,
图标:false,
可折叠的:是的,
活动:错误,
高度样式:“内容”,
激活:功能事件,用户界面{
uid=ui.newHeader.data'uid'?ui.newHeader.data'uid':ui.oldHeader.data'uid';
closed_big=ui.newHeader.data'uid'?false:true;
//装载
如果ui.newPanel.data“已加载”==false{
ui.newPanel.loadconfig_baseurl+'index.php?id='+uid,函数{
//设置加载状态
ui.newPanel.data'loaded',true;
//如果不相等,则设置位置
//三维模
j、 eachui.newPanel.find'.csc textpic imagerow',函数{
jthis.addClass'csc-textpic-imagerow'+'-'+a.data'index',a;
};
ui.newPanel.find'.csc textpic imagerow:first'.addClass'active';
ui.newPanel.find'.csc-frame-3d-modul'.data'lastactive',0;
ui.newPanel.find'.bt-3d-modul'.on'click',函数{
lastactive=ui.newPanel.find'.csc-frame-3d-modul'.data'lastactive';
next=ui.newPanel.find'.csc textpic imagerow:eq'+lastactive+1+.length>0?ui.newPanel.find'.csc textpic imagerow:eq'+lastactive+1+:ui.newPanel.find'.csc textpic imagerow:eq0';
ui.newPanel.find'.csc textpic imagerow:eq'+lastactive+.removeClass'active';
next.addClass'active';
ui.newPanel.find'.csc-frame-3d-modul'.data'lastactive',next.data'index';
};
//手风琴
j.对象手风琴技术数据手风琴{
标题:a,
图标:false,
可折叠的:是的,
活动:错误,
高度样式:内容
};
//媒体画廊
中厨房等高;
jwindow.bind'resize',mediaGalleryEqualHeights;
媒体画廊;
/**
*小型手风琴
*/
j'.csc菜单手风琴.csc菜单手风琴小型手风琴{
标头:.ui-accordion-header.small,
图标:false,
可折叠的:是的,
活动:错误,
高度样式:“内容”,
激活:功能事件,用户界面{
uid=ui.newHeader.data'uid'?ui.newHeader.data'uid':ui.oldHeader.data'uid';
closed_small=ui.newHeader.data'uid'?false:true;
//装载
dbg‘小’;
如果ui.newPanel.data“已加载”==false{
ui.newPanel.loadconfig_baseurl+'index.php?id='+uid,函数{
//设置加载状态
ui.newPanel.data'loaded',true;
//如果不相等,则设置位置
//三维模
j、 eachui.newPanel.find'.csc textpic imagerow',函数{
jthis.addClass'csc-textpic-imagerow'+'-'+a.data'index',a;
};
ui.newPanel.find'.csc textpic imagerow:first'.addClass'active';
ui.newPanel.find'.csc-frame-3d-modul'.data'lastactive',0;
ui.newPanel.find'.bt-3d-modul'.on'click',函数{
lastactive=ui.newPanel.find'.csc-frame-3d-modul'.data'lastactive';
next=ui.newPanel.find'.csc textpic imagerow:eq'+lastactive+1+.length>0?ui.newPanel.find'.csc textpic imagerow:eq'+lastactive+1+:ui.newPanel.find'.csc textpic imagerow:eq0';
ui.newPanel.find'.csc textpic imagerow:eq'+lastactive+.removeClass'active';
next.addClass'active';
ui.newPanel.find'.csc-frame-3d-modul'.data'lastactive',next.data'index';
};
//手风琴
j.对象手风琴技术数据手风琴{
标题:a,
图标:false,
可折叠的:是的,
活动:错误,
高度样式:内容
};
setTimeout jQuery'html,body'.scrollTopjQuery'c'+uid.offset.top;,1000 ;
检查位置;
检查位置重置;
};
}否则{
检查位置;
检查位置重置;
}
//设置滚动数据
ifui.newHeader.hasClass'ui-state-active'{
数据'scrolltosmall',+ui.newHeader.attr'id';
}否则{
j.obj_totop.删除“scrolltosmall”数据;
}
}
};
setTimeout jQuery'html,body'.scrollTopjQuery'c'+uid.offset.top;,1000 ;
检查位置;
检查位置重置;
};
}否则{
检查位置;
检查位置重置;
}
//设置滚动数据
ifui.newHeader.hasClass'ui-state-active'{
数据'scrolltobig',+ui.newHeader.attr'id';
}否则{
j.obj_totop.删除了“scrolltobig”数据;
}
}
};
/**
*函数检查位置
*/
函数检查位置{
ifwindow.location.hash!=='c'+uid{
window.location.hash='c'+uid;
}
}
/**
*功能检查位置重置
*/
功能检查位置重置{
如果你是大人物{
window.location.hash=;
history.pushState、document.title、原始url;
}
}
/**
*onhashchange
*/
window.onhashchange=openAccordionByHash;
/**
*大滑块
*/
var _CaptionTransitions=[];
_CaptionTransitions[MCLIP | B]={$Duration:900,$Clip:8,$Move:true,$Easing:{$Clip:$JssorEasing$.$EaseInOutCubic}};
变量选项={
$SlideDuration:1000,//[可选]指定幻灯片的默认滑动持续时间(毫秒),默认值为500
$DRAGORIENTION:3、//[可选]拖动幻灯片的方向、0无拖动、1水平、2垂直、3任意,默认值为1请注意,$DRAGORIENTION应与$PLAYORIENTION相同,当$DISPLAYPIGES大于1或停车位置不为0时
$AutoPlay:true,//[可选]是否自动播放,若要启用幻灯片放映,此选项必须设置为true,默认值为false
$AutoPlayInterval:4000,//[可选]自上一张幻灯片停止以来下一张幻灯片的播放间隔(毫秒),如果滑块是自动播放的,默认值为3000
$CaptionSliderOptions:{//[可选]选项,用于指定如何设置标题动画
$Class:$JssorCaptionSlider$,//[Required]类来创建实例以设置标题动画
$CAPTIONTRANSTIONS:_CAPTIONTRANSTIONS,//[必需]播放字幕的字幕转换数组,请参阅jssor幻灯片转换生成器中的字幕转换部分
$PlayInMode:1,//[可选]0无无无播放,1链在主幻灯片后,3链展平在主幻灯片后,展平所有字幕动画,默认值为1
$PlayOutMode:3//[可选]0无无无播放,主幻灯片前有1个链,主幻灯片前有3个链展平,并展平所有字幕动画,默认值为1
}
};
j'slider1_容器。滑块图像:eq0。一个'load',函数{
sWidth=j'slider1_container.slider image'。宽度;
sHeight=j'slider1_container.slider image'。高度;
j'slider1_容器,.slider1_容器'。宽度宽度;
j'slider1_容器,.slider1_容器,.slidercaption'。高度;
“滑块标题”宽度宽度为*0.35;
“滑块标题”高度*0.5;
var jssor_slider1=新的$JssorSlider$slider1_容器,选项;
函数刻度滑块{
var parentWidth=j'slider1_container'.parent.width;
如果parentWidth{
jssor_滑块1.$ScaleWidthparentWidth;
}
否则{
window.setTimeoutScaleSlider,30;
}
}
//文档准备就绪后缩放滑块
鳞片滑翔机;
如果navigator.userAgent.match/iPhone | iPod | iPad | BlackBerry | IEMobile/{
//捕获窗口大小调整事件
jwindow.bind'resize',ScaleSlider;
}
}.每个功能{
如果此项完成{jthis.load;}
};
};
起泡机B 1240Max。250个水泡/分钟。
最大格式面积130 x 156,6 mm
您使用的是哪个版本的jQuery?它应该可以工作。。此功能是在v1.7中添加的-我使用的是1.11.1版。在我的特例中,我使用了我上面写过的ajax加载。您是否介意添加一个JSbin/JSFIDLE来显示哪些适合您,哪些不适合您?我还添加了更多的脚本/描述。