2012-05-23 71 views
0

我有這樣的兩個功能:JQuery的作品在Firefox無法在Chrome

<script type="text/javascript" lang="javascript"> 
    $(document).ready(function() { 
     $('div').hover(
      function() { $('> span', this).show(); }, 
      function() { $('> span', this).hide(); } 
     ); 
    }); 
</script> 

<script type="text/javascript"> 
    !function(d,s,id) { 
     var js, fjs = d.getElementsByTagName(s)[0]; 
     if (!d.getElementById(id)) { 
      js = d.createElement(s); 
      js.id = id; 
      js.src = "//platform.twitter.com/widgets.js"; 
      fjs.parentNode.insertBefore(js,fjs); 
     } 
    }(document,"script","twitter-wjs"); 
</script> 

<script type="text/javascript" lang="javascript"> 
    $.getJSON("http://twitter.com/statuses/user_timeline/username.json?callback=?&count=5", function(data) { 
     $.each(data, function(index, value) { 
      $('.tweets').append('<div id='+data[index].id+'>'+data[index].text+'&nbsp<span style="display:none"class="hideTweeterIcons"><a href="https://twitter.com/intent/tweet?in_reply_to='+data[index].id+'"><img src="//si0.twimg.com/images/dev/cms/intents/icons/reply.png"></a><a href="https://twitter.com/intent/retweet?tweet_id='+data[index].id+'"><img src="//si0.twimg.com/images/dev/cms/intents/icons/retweet.png"></a><a href="https://twitter.com/intent/favorite?tweet_id='+data[index].id+'"><img src="https://si0.twimg.com/images/dev/cms/intents/icons/favorite.png"></a></span></div><hr>'); 
     });  
    }); 
</script> 

然而,函數的懸停部分沒有在Chrome中工作。它在Firefox中正常工作。怎麼了?我知道Chrome有更好的webkit。怎麼了 ?

+1

首先,FF沒有Webkit,它使用Gecko引擎。我不確定,但可能是,選擇器在Webkit中不起作用。 –

+0

我無法評論,因爲我沒有足夠的街道信譽,所以我在這裏評論。您是否使用ctrl + shift J和重新加載頁面來嘗試在Chrome中進行調試,以查看是否顯示任何腳本錯誤? – NickBenedict

+0

nop沒有錯誤:S – user1407540

回答

1

把它們寫這樣一來,他們會很好地工作:

$('div').hover(function() 
    { 
     $(this).find('span').show(); 
    }, function() 
    { 
     $(this).find('span').hide(); 
    }); 

讓我知道如果這工作,如果你需要另一種情況下,讓我知道,所以我可以修改我的答案,謝謝。

+0

不起作用:S – user1407540

+0

好的,向我描述什麼是錯誤的行爲,以及你期望它做什麼。 考慮我的現場實例作爲您的項目。 –

+0

嗯抱歉它的作品,但問題是,它影響其他跨度,它也可見所有跨度。有沒有辦法看到有效的?我試過this.show();但不起作用 – user1407540

相關問題