fancybox jQuery不能与任何其他javascript / jQuery脚本一起使用?

I have been trying to use other jQuery or javascript scripts in the same page as I use fancybox on but every time I place any other codes in there, the fancybox modal popup stops working and it actually opens a new window instead of the modal!!!

it doesn't matter what and how big or small the new javascript is... it will stop the fancybox functioning correctly but without any other codes in the page, the fancybox functions properly. and I am new to the world of javascript and jquery so I am well lost.

here is my code for fancybox:

    <script src="scripts/modernizr-2.6.1.min.js"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script>
        !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    </script>
    <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    <link rel="stylesheet" href="modalstyle.css" />
    <script type="text/javascript">
        $(document).ready(function() {
            /*
            *   Examples - images
            */

            $("a#example1").fancybox();

            $("a#example2").fancybox({
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'elastic'
            });

            $("a#example3").fancybox({
                'transitionIn'  : 'none',
                'transitionOut' : 'none'    
            });

            $("a#example4").fancybox({
                'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none'
            });

            $("a#example5").fancybox();

            $("a#example6").fancybox({
                'titlePosition'     : 'outside',
                'overlayColor'      : '#000',
                'overlayOpacity'    : 0.9
            });

            $("a#example7").fancybox({
                'titlePosition' : 'inside'
            });

            $("a#example8").fancybox({
                'titlePosition' : 'over'
            });

            $("a[rel=example_group]").fancybox({
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'titlePosition'     : 'over',
                'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
                }
            });

            /*
            *   Examples - various
            */

            $("#various1").fancybox({
                'titlePosition'     : 'inside',
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            });

            $("#various2").fancybox();

            $("#various3").fancybox({
                'width'             : '75%',
                'height'            : '75%',
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'              : 'iframe'
            });

            $("#various4").fancybox({
                'padding'           : 0,
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none'
            });
        });
    </script>

<script type='text/javascript'>
    $(window).load(function(){
        $('#various3').addClass("external").attr({ target: "_blank", href: 'insert.php' })[0].click();
    });
</script>

could someone please let me know what i have to do?

Thanks

dpbsy60000
dpbsy60000 验证您安装的其他插件是否未加载可能会产生冲突的另一个版本的jQuery(某些版本)。也可以确定在加载jQuery之前不加载它们。您向您展示了fancybox代码,但如果您还展示了如何包含其他脚本,那将会很有帮助
7 年多之前 回复
dousha1831
dousha1831 一些帮助:netmagazine.com/tutorials/javascript-debugging-beginners
7 年多之前 回复
douyu0845
douyu0845 检查您正在使用的浏览器,并谷歌了解如何在该浏览器中打开控制台。检查控制台时,您将看到错误。在Fancybox中没有任何问题,问题是你的Javascript是错误的,因此停止了整个Javascript的执行。使用浏览器的控制台,您可以找到代码的问题。检查错误消息并了解如何调试。我现在看到的一个问题是[0]它不应该是,但可能还有其他问题。
7 年多之前 回复
drc4925
drc4925 我看不出任何错误!唯一发生的事情是fancybox模态弹出窗口不起作用,它将打开一个新窗口。但是在页面中没有任何额外的javascripts或jQuery代码,fancybox模式工作得很好!!
7 年多之前 回复
drpph80800
drpph80800 控制台上的任何错误?
7 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐