1

重複の可能性:
無限スクロール JavaScript が既に実行されている

ユーザーが class .item_list_image の div にカーソルを合わせると、他の div を表示したいので、次のことを試していますが、単に機能していません。

<script type="text/javascript">
   $("body").on("mouseenter", ".list_item_image", function () {
        {
                $(this).children(".gl_view2").show();
                $(this).children(".gl_relist").show();
        });

   $("body").on("mouseleave", ".list_item_image", function () {
       {
                $(this).children(".gl_view2").hide();
                $(this).children(".gl_relist").hide();
       });
</script>

私はjquery無限スクロールを使用しているため、.onメソッドを使用するようにアドバイスされているため、表示されたページにhtmlを追加し、クラスlist_item_imageのdivを含む新しいアイテムを追加します

4

4 に答える 4

3

を見逃しました$(document).ready。コードを次のようにラップするだけです

$(document).ready(function(){
    $("body").on("mouseenter", ".list_item_image", function (){
        $(this).children(".gl_view2").show();
        $(this).children(".gl_relist").show();
    })
    .on("mouseleave", ".list_item_image", function (){
       $(this).children(".gl_view2").hide();
       $(this).children(".gl_relist").hide(); 
    });
});​

{また、両方の関数の余分な部分が$("body").

ほんの一例です。

于 2012-08-27T10:39:00.873 に答える
0

コードの括弧を確認してください。これを試して

 $("body").on("mouseenter", ".list_item_image", function() {
     {
         //alert('dsfs');
         $(this).children(".gl_view2").show();
         $(this).children(".gl_relist").show();
     }});

 $("body").on("mouseleave", ".list_item_image", function() {
     {
         $(this).children(".gl_view2").hide();
         $(this).children(".gl_relist").hide();
     }});
于 2012-08-27T10:34:19.857 に答える
0

コードを dom に準備する必要があります。

<script type="text/javascript">
$(function(){
                    $("body").on("mouseenter", ".list_item_image", function () {
                    {
                        $(this).children(".gl_view2").show();
                        $(this).children(".gl_relist").show();
                    });

                    $("body").on("mouseleave", ".list_item_image", function () {
                    {
                        $(this).children(".gl_view2").hide();
                        $(this).children(".gl_relist").hide();
                    });
})
            </script>

また、このコードを使用して同じことを達成できます。

<script type="text/javascript">
    $(function(){
                        $(".list_item_image").hover(function () {
                        {
                            $(this).children(".gl_view2").show();
                            $(this).children(".gl_relist").show();
                        },

                        function () {
                        {
                            $(this).children(".gl_view2").hide();
                            $(this).children(".gl_relist").hide();
                        });
    })
                </script>
于 2012-08-27T10:39:54.190 に答える
0

各ハンドラー関数に2 つの{{開き括弧があり、これはシンタックス エラーです。

1つだけ使用{

于 2012-08-27T10:40:02.153 に答える