0

当我在 Google Chrome 控制台中输入此脚本时...

<script>
    $(document).ready(function() {  
        $("div").hover(
            function() { $("> span", this).show(); },
            function() { $("> span", this).hide(); 
        });
    });
</script>

...它有效，没有问题。

当我在它之间添加<head></head>它不起作用。

谁能告诉我为什么？

更新

<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">
    $(document).ready(function()
{
    $('div').hover(function()
    {
        $('> span', this).show();
    }, function()
    {
        $('> span', this).hide();
    });
});
    </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>
4

2 回答 2

1

您提供的代码使用的是jQuery 库，请确保在使用 jQuery$函数之前包含对库的引用。此外，尝试type在脚本标签上指定 ，如下所示：

<script type="text/javascript">
    ...
</script>

更新

修改代码后，我注意到hover功能设置不正确，试试这个：

$(document).ready(function()
{
    $('div').hover(function()
    {
        $('> span', this).show();
    }, function()
    {
        $('> span', this).hide();
    });
});
于 2012-05-23T10:35:44.487 回答
0

您需要确保 jQuery 代码在您添加到 jQuery 库之后。如果您使用的是 HTML5 样板，则会出现在页面底部。

于 2012-05-23T10:35:52.357 回答