3

ページで実行したい機能が 2 つあります。1 つ目は、読み込み時にサイトでゆっくりとフェードインする jQuery です。2 つ目は、自動スクロール div 用の JavaScript です。私が抱えている問題は、両方を同じページで機能させることです。別々に、それらは正常に動作します。コードは次のようになります。

<head>

<link rel="stylesheet" type="text/css" href="style.css">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"</script>
<script type="text/javascript" src="mootools-core-1.3.1-full-nocompat.js"></script>
<script type="text/javascript" src="mootools-1.3.1.1-more.js"></script>
<script type="text/javascript" src="scrollGallery.js"></script>

<script type="text/javascript">
window.addEvent('domready', function() {
   var scrollGalleryObj = new scrollGallery({
      start:0,
      autoScroll: true
   });
});
</script>

<script>
$(document).ready(function(){
   if (document.images){
     $('#container').hide();                        
     $(window).load(function(){                         
        $.fx.speeds._default = 1000;                        
        $("#container").delay(500).fadeIn(2000);                
     });
   }
});
</script>

</head>

私が間違っていることについての提案は誰にでもあります。私はまだ JavaScript を学んでいるので、ここにいる人たちには明らかに目立つかもしれません。

4

4 に答える 4

4

だから、次のようなもの

<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
  var scrollGalleryObj = new scrollGallery({
    start:0,
    autoScroll: true
  });

  if (document.images){
    jQuery('#container').hide();                        
    jQuery(window).load(function(){                         
       jQuery.fx.speeds._default = 1000;                        
       jQuery("#container").delay(500).fadeIn(2000);                
    });
  }
});
</script>

その後、動作する必要がありますか？- 私は間違いなくそれをテストしていません!

于 2013-08-01T13:24:11.187 に答える
1

このリンクが役に立ちます。Jquery に JavaScript の 2 つのフレームワークを使用している場合、$ の代わりに JQuery を使用できます。このコードを試すこともできます：

<script type="text/javascript">
    var $j = jQuery.noConflict();
    jQuery(document).ready(function(){
      var scrollGalleryObj = new scrollGallery({
        start:0,
        autoScroll: true
      });

      if (document.images){
        $j('#container').hide();                        
        $j(window).load(function(){                         
           $j.fx.speeds._default = 1000;                        
           $j("#container").delay(500).fadeIn(2000);                
        });
      }
    });
    </script>
于 2013-08-01T13:42:53.167 に答える