Mengapa mouse cuti tidak menembak.

$('.tlcr').hide();

$('.tli')
  .on({
    mouseenter: function() {
      $('.tlcr').hide();
      const index = $(this).index('.tli');
      $('.tlcr').eq(index).show();
    },
    mouseleave: function() {
      $('.tlcr').eq(index)
        .on({
          mouseenter: function() {
            $('.tlcr').eq(index).show();
          }, mouseleave: function() {
                $('.tlcr').hide();    
          }
        });
      $('.tlcr').hide();
    }
  });

Kode di atas menjadi biola: https://jsfiddle.net/czqab09j/3/

Saya ingin mencapai ini: https://jsfiddle.net/aLquks1c/1/

Tapi saya ingin mencapainya dengan kode dari biola pertama. Tapi saya melakukan sesuatu yang salah.

0
purple11111 2 Maret 2020, 00:36

1 menjawab

Jawaban Terbaik

Saya membuatnya berfungsi dan ini adalah kode yang diperbarui:

$('.tli')
  .on({
    mouseenter: function() {
      $('.tlcr').hide();
      const index = $(this).index('.tli');
      $('.tlcr').eq(index).show();
    },
    mouseleave: function() {
      $('.tlcr').eq(index)
        .on({
          mouseenter: function() {
            $('.tlcr').eq(index).show();
          }
        });
    }
  });
  $('.tlcr')
    .on({
      mouseleave: function() {
        $('.tlcr').hide();
      }
    });

Saya pada dasarnya menghapus fungsi cuti mouse bersarang dan membuatnya mandiri.

Lihat di sini hasilnya dalam biola: https://jsfiddle.net/czqab09j/4/

0
purple11111 1 Maret 2020, 21:45