<link href="<?php echo base_url();?>view/css/login_2.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url();?>view/css/contentslider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo base_url();?>view/js/jquery.ennui.contentslider.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>view/js/jquery.easing.1.3.js"></script>
<script>
$(document).ready(function() {
jQuery('#one').ContentSlider({
width : '800px',
height : '461px',
speed : 800,
easing : 'easeOutCirc'
});
});
</script>
<script>
$(window).load(function()
{
$.fancybox(
$("#test").html(), //fancybox works perfect with hidden divs
{
//fancybox options
}
);
});
</script>
在这里fancybox打开#test'div,但在它上面,contentSlider无效。 (在控制台上没有错误) 当我改变了fancybox(文件).ready,在#test div上,点击div按钮可能是z-index或smt但是光标:指针。
编辑(从评论中移出)
$(window).load(function () {
$.fancybox($("#test").html(), //fancybox works perfect with hidden divs
{
onStart: function () {
jQuery('#one').ContentSlider({
width: '800px',
height: '461px',
speed: 800,
easing: 'easeOutCirc'
});
}
});
});
它不起作用
第2步:
<script>
$(window).load(function()
{
$.fancybox(
$("#test").html(), //fancybox works perfect with hidden divs
{
beforeShow: function(){
jQuery('#one').ContentSlider({
width : '800px',
height : '461px',
speed : 800,
easing : 'easeOutCirc'
});
}
}
);
});
</script>
不能正常工作