我有這樣的兩個功能: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+' <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。怎麼了 ?
首先,FF沒有Webkit,它使用Gecko引擎。我不確定,但可能是,選擇器在Webkit中不起作用。 –
我無法評論,因爲我沒有足夠的街道信譽,所以我在這裏評論。您是否使用ctrl + shift J和重新加載頁面來嘗試在Chrome中進行調試,以查看是否顯示任何腳本錯誤? – NickBenedict
nop沒有錯誤:S – user1407540