Javascript JQuery手风琴不工作，项目显示但不会动画_Javascript_Jquery_Html

Javascript JQuery手风琴不工作，项目显示但不会动画

javascript jquery html

Javascript JQuery手风琴不工作，项目显示但不会动画,javascript,jquery,html,Javascript,Jquery,Html,正如标题所示。基本上，我从网上下载了一个不错的手风琴模板，但当我把它添加到我的网站上时，它就不起作用了。我遵循他们的文档，并设法让它在一个单独的空html文档中工作，但在我自己的网站上没有运气这是我的密码，很抱歉这太糟糕了，我是新来的 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <

正如标题所示。基本上，我从网上下载了一个不错的手风琴模板，但当我把它添加到我的网站上时，它就不起作用了。我遵循他们的文档，并设法让它在一个单独的空html文档中工作，但在我自己的网站上没有运气

这是我的密码，很抱歉这太糟糕了，我是新来的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<style type="text/css">
@import url("SILXCSS.css");
</style>
<title>Silx</title>
<script type="text/javascript">
// <![CDATA[
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>
    <link rel="Stylesheet" type="text/css" href="css/evoslider.css" />
    <link rel="Stylesheet" type="text/css" href="css/default/default.css" />

    <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="scripts/jquery.evoslider.lite-1.1.0.js">
</script>
<style type="text/css">
div.fadehover {
    position: relative;
    }

img.a {
    position: absolute;
    left: 0;
    top: 0;
        z-index: 10;
    }

img.b {
    position: absolute;
    left: 0;
    top: 0;
    }
</style>
<!-- InstanceBeginEditable name="head" -->

<!-- InstanceEndEditable -->
</head>



<body>
    <div id="header">
      <div id="logo">
            <h1> 
                … 
            </h1>
      <div class="fadehover">
        <a href="index.html"><img src="images/logo.gif" alt="" class="a" /></a>
        <a href="index.html"><img src="images/logo2.gif" alt="" class="b" /></a>

      </div>
</div>      
    </div>
    <div id="navbar">
                <ul id="menu">
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About Us</a></li>
          <li><a href="activities.html">Activities</a>
          </li>
          <li><a href="partners.html">Partners</a></li>
          <li><a href="contact.html">Contact Us</a></li>
          <li><a href="http://silx.boards.net/">Forum</a></li>
        </ul>
    </div>
    <div id="page" class="container">
      <div id="content">
        <div id="onecolumn"><!-- InstanceBeginEditable name="EditRegion3" -->
            <div id="mySlider" class="evoslider default">    
                <dl>

                    <dt>slide one</dt>
                    <dd data-src="image1.jpg" data-thumb="image1-thumb.jpg">
                    </dd>

                    <dt>slide two</dt>
                    <dd data-src="image2.jpg" data-thumb="image2-thumb.jpg">
                    </dd>

                    <dt>slide three</dt>
                    <dd data-src="image3.jpg" data-thumb="image3-thumb.jpg">
                    </dd>

                    <dt>slide four</dt>
                    <dd data-src="image4.jpg" data-thumb="image4-thumb.jpg">
                    </dd>  

                </dl>
            </div>
        <script type='text/javascript'>
            var myEvoSlider = $("#mySlider").evoSlider();
        </script> 
        <!-- InstanceEndEditable --></div>
        </div>
    </div>



<script type='text/javascript'>
$(document).ready(function(){
$("img.a").hover(
    function() 
    {       $(this).stop().animate({"opacity": "0"}, "slow");                           },
    function() 
    {
        $(this).stop().animate({"opacity": "1"}, "fast");
    });

});

      $(document).ready(function() {
        $("#menu > li:has(ul)").mouseenter(function(){
          $(this).children("ul").css("display", "none");
          $(this).children("ul").css("left", "auto").fadeIn('slow');
        }).mouseleave(function(){
          $(this).children("ul").delay(300).fadeOut('fast', function() {
            $(this).children("ul").css("left", "-9999em");
          });
        });
      });

$("ul#menu > li").fadeTo("slow", 0.6);
$("ul#menu > li").hover(
    function() { $(this).fadeTo("slow", 1.0); },
    function() { $(this).fadeTo("slow", 0.5); }
);




function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});
</script>
<script type='text/javascript' src='jquery-1.10.1.min.js'></script>      
</body>
<!-- InstanceEnd --></html>


无标题文件
@导入url（“SILXCSS.css”）；
西尔克斯
// 









幻灯片一
幻灯片二
幻灯片三
幻灯片四
var myevoslaider=$（“#mySlider”）.evoslaider（）；
$（文档）.ready（函数（）{
$（“img.a”）。悬停(
函数（）
{$（this.stop（）.animate（{“opacity”：“0”}，“slow”）；}，
函数（）
{
$（this.stop（）.animate（{“不透明”：“1”}，“快速”）；
});
});
$（文档）.ready（函数（）{
$（“#menu>li:has（ul）”）.mouseenter（function（）{
$（this.children（“ul”）.css（“display”，“none”）；
$（this）.children（“ul”）.css（“left”，“auto”）.fadeIn（“slow”）；
}).mouseleave（函数（）{
$（this）.children（“ul”）.delay（300）.fadeOut（'fast'，function（）{
$（this.children（“ul”）.css（“left”和“-9999em”）；
});
});
});
$（“ul#menu>li”）.fadeTo（“slow”，0.6）；
$（“ul#menu>li”）。悬停(
函数（）{$（this.fadeTo（“slow”，1.0）；}，
函数（）{$（this.fadeTo（“slow”，0.5）；}
);
函数滑动开关（）{
var$active=$（“#slideshow IMG.active”）；
如果（$active.length==0）$active=$（“#幻灯片显示IMG:last”）；
var$next=$active.next（）.length？$active.next（）
：$（“#幻灯片演示IMG:first”）；
$active.addClass（'last-active'）；
$next.css（{opacity:0.0}）
.addClass（“活动”）
.animate（{opacity:1.0}，1000，function（））{
$active.removeClass（'active last active'）；
});
}
$（函数（）{
设置间隔（“滑动开关（）”，5000）；
});

和

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>`

如果存在相互冲突，请在删除

1.10.1.min.js

后重试。jsfiddle非常适合这样的情况。您的网页上可能存在一些JQuery/JavaScript冲突。谢谢您的回答！你们有什么更具体的建议吗？我不知所措，我移动了一些代码，看看这是否有助于减少运气！我认为这两个脚本相互冲突，请尝试删除1.10.1.min，然后尝试为javascripts添加无冲突。我不确定，但这可能有用。同时检查两个CSS文件的代码，有些属性可能会冲突。谢谢，我明天会试试这个并发回。真的很感谢这些家伙，这个网站是为了一个好的原因，你的反馈是非常欢迎的！

<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>`