0

私は自分の機能を機能させようとしていますが、成功していません。必要なのは、div をスクロールして X が表示されるようにすることだけです。その後、必要な効果を後で追加できます。

ブラウザ間の互換性が必要なため、Javascript を使用しています。将来追加したいものが非常に限られているため、CSS を使用したくありません。

<script>
$(document).ready(function() {
$('div.userinfo').hover({
    mouseenter: function() {
        $(this).children('div.delete').show();
    },
    mouseleave: function() {
        $(this).children('div.delete').hide();

    }
    });
    });
</script>
    <?
echo "<div class='userinfo'><div class='delete' style='cursor:pointer;position:relative;top:0px;float:right;padding-right:5px;' onclick=\"delete_('".$streamitem_data['streamitem_id']."');\">X</div></div>"
4

2 に答える 2

2

非推奨であり、使用しようとしても機能しない .hover() の代わりに、.on() を使用します。

$(function() {
    $('div.userinfo').on({
        mouseenter: function() {
            $(this).children('div.delete').show();
        },
        mouseleave: function() {
            $(this).children('div.delete').hide();

        }
    });
});

これは仕事をします。

于 2012-08-09T10:44:53.983 に答える
2

ホバーの代わりにbind()メソッドを使用します。

$(document).ready(function() {
   $('div.userinfo').bind({
     mouseenter: function() {
        $(this).children('div.delete').show();
     },
     mouseleave: function() {
        $(this).children('div.delete').hide();
     }
   });
});

注: 後で jQuery を使用して新しい dom 要素を追加する場合は、live()またはon()を使用します。そうでない場合は、bind メソッドを使用します。これは非常に確実な方法です。

于 2012-08-09T10:47:21.917 に答える