如何让FullPage和Lightbox同时工作

How do I get FullPage and Lightbox to work at the same time?

本文关键字：工作 Lightbox FullPage      更新时间：2023-09-26

我目前正在使用Fullpage.js制作我的网站。我想在其中一个部分中包含一个灯箱，但当我尝试加载脚本和css时，我的整个页面会中断，所有部分都会相互折叠。我也试着把脚本放在实际的部分。我已经包括了我目前拥有的标题部分，以及我认为正确的部分。有没有办法同时使用这两种方法？谢谢

   <DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>What is a Furry?</title>
        <link rel="stylesheet" type="text/css" href="jquery.fullPage.css" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="vendors/jquery.easings.min.js"></script>
        <script type="text/javascript" src="jquery.fullPage.min.js"></script>
        <script type="text/javascript">
    $(document).ready(function() {
            $('#fullpage').fullpage({navigation: true,});
        });
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
        </script>
        <script src="js/jquery-1.11.0.min.js"></script>
        <script src="js/lightbox.min.js"></script>
        <link href="css/lightbox.css" rel="stylesheet" />
    </head>
</html>

我意识到了我的错误。我同时调用了两个jQuery库。我不能那样做。我甚至不需要第二个库，因为我使用的是完全相同的库，只是来自不同的来源。

相关文章：