0

私はこのような2つの機能を持っています:

<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 を備えていることは知っています。どうしたの ？

4

1 に答える 1

1

このように書くとうまくいきます：

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

これが機能したかどうかを教えてください。別のシナリオが必要な場合は、答えを変更できるようにお知らせください。

于 2012-05-23T13:46:39.800 に答える