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 タグでを指定してみてください。

<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 に答える