<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 open #test 'div 但它的 contentSlider 不起作用。(在控制台上没有错误)当我更改 fancybox (document).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>
它也不起作用