JavaScript不工作 - CSS元素不正確？

我再次試圖把這個腳本放到一個網站上，它不能正常工作...JavaScript不工作 - CSS元素不正確？

有人可以幫我理解什麼可能會出現故障嗎？

UPDATE：

我的測試代碼中的另一個實例作品：

$(function(){ 
    $(window).scroll(function(){ 
     if($(this).scrollTop() > 100) { 
      $('').fadeOut('slow'); 
      $('#logo-img img') 
       .css({'width':'216px','height':'73px'}) 
       .attr('src','http://...logo_01_white.png'); 
     } 
     if($(this).scrollTop() < 100) { 
      $('').fadeIn('fast'); 
      $('#logo-img img') 
       .css({'width':'216px','height':'73px'})  
       .attr('src','http://...logo_01.png'); 
     } 
    }); 
});

的網站，我想實現我的代碼上：

http://www.templatemonster.com/demo/52089.html

任何人都可以看到這些行可能一直在調用錯誤的類？

$('.logo.pull-left').fadeOut('slow'); 
    $('.logo_h.logo_h__img')

來源

2015-04-06 Tim Salabim

如果'標誌拉left'是類，那麼你需要把它寫成'.logo .pull-left'。所有的課程之前都應該有'.'，而ids'＃'之前有。 – anpsmn 2015-04-06 05:52:00

是'logo pull-left'是一個類或一個id選擇器。 – Raja 2015-04-06 05:52:01

如果徽標左拉和logo_h logo_h__img是類，則編寫.logo .put-left和.logo_h .logo_h_img。 – 2015-04-06 05:54:07

 $('logo pull-left').fadeOut('slow');

logo這裏不是一個標籤元件。

如果您的CSS類或CSS編號爲#logo，您必須指定.logo。

同樣對於logo_h__img,pull-left也是如此。你必須指定它是否是類。

所以，你糾正的代碼就會像下面：基於您的代碼

在代碼中，既logo和pull-left類在同一個DOM元素

更新。所以你必須使用.logo.pull-left

$(function(){ 
    $(window).scroll(function(){ 
     if($(this).scrollTop() > 100) { 
      $('.logo.pull-left').fadeOut('slow'); 
      $('.logo_h.logo_h__img') 
       .css({'width':'216px','height':'73px'}) 
       .attr('src','http://....1.png'); 
     } 
     if($(this).scrollTop() < 100) { 
      $('.logo.pull-left').fadeIn('fast'); 
      $('.logo_h.logo_h__img') 
       .css({'width':'216px','height':'73px'})  
       .attr('src','http://...2.png'); 
     } 
    }); 
});

來源

2015-04-06 05:55:03 mohamedrias

謝謝，雖然現在還沒有工作對我來說... – 2015-04-06 07:29:34

分享您在這裏的HTML幫助您更好地 – mohamedrias 2015-04-06 07:38:35

將與滾動導航相關的HTML和另一個PHP文件添加到原始問題中。謝謝。 – 2015-04-06 07:45:00

更新圖像源將不會顯示新的形象，這是一個問題，我也有我的網站上。所以，你應該刪除以前的圖像，然後將一個新的

$(document).ready(function(){ 
 
    var img1 = '<img src="http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2014/4/11/1397210130748/Spring-Lamb.-Image-shot-2-011.jpg">' 
 
    var img2 = '<img src="http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg">' 
 
    
 
    $(window).scroll(function(){ 
 
     if($(this).scrollTop() > 100) { 
 
      $('.pull-left').fadeOut('slow'); 
 
      $('.logo_h.logo_h__img').children('img').remove(); 
 
      $('.logo_h.logo_h__img').append(img1); 
 
     } 
 
     if($(this).scrollTop() < 100) { 
 
      $('.pull-left').fadeIn('fast'); 
 
      $('.logo_h.logo_h__img').children('img').remove(); 
 
      $('.logo_h.logo_h__img').append(img2); 
 
     } 
 
    }); 
 
});

body { height: 2000px; } 
 
img { position: fixed; } 
 
.logo_h__img img { width: 216px; height: 73px; right: 0; left: 0; margin: auto; } 
 
.pull-left img { width: 200px; height: 200px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="logo_h logo_h__img"><img src="http://www.jpl.nasa.gov/spaceimages/images/mediumsize/PIA17011_ip.jpg"></div> 
 
<div class="logo pull-left"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Dell_Logo.png/1027px-Dell_Logo.png"></div>

來源

2015-04-07 11:17:04 DrKey

JavaScript不工作 - CSS元素不正確？

回答

相關問題