Fancybox和jquery ContentSlider不能一起工作

时间:2013-06-05 07:39:35

标签: jquery fancybox

<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>

不能正常工作

0 个答案:

没有答案