парения не работает с MouseLeave

http://jsfiddle.net/yZSEA/парения не работает с MouseLeave

$("p").hover(function() { 
    var $this = $(this).find('span'); 
    $this.show(); 
}, function() { 
    $this.hide(); 
});

Я не хочу использовать MouseEnter и MouseLeave, чтобы избежать уродливые код, идея выше дается в Jquery документации, логически это нормально, но MouseLeave часть Didn 't work

источник

2013-10-11 Hildy Maass

'$ this' не установлен во второй функции - попробуйте' $ (это) .hide() ' – SmokeyPHP

Это происходит потому, что в' '$ mouseleave' this' не задавать. – putvande

Вы не определили $this в вашей функции mouseleave и ваш код брошен ING:

Uncaught ReferenceError: $this is not defined

Просто повторить var $this заявление в MouseLeave функции:

$("p").hover(function(){ 
    var $this = $(this).find('span'); 
    $this.show(); 
}, function(){ 
    var $this = $(this).find('span'); 
    $this.hide(); 
});

Working JSFiddle demo.

источник

2013-10-11 11:29:55

Полезно ли использовать имя переменной? –

может var $ this из 1-й функции быть доступным во 2-й? –

'$ this' является локальным для каждой функции. Это означает, что вторая функция не может получить к ней доступ. Вам действительно не нужно объявлять переменную в вашем примере, однако вы можете просто просто вызвать '$ (this) .find ('span'). Show()' и '$ (this) .find ('span') .hide() '. –

Это потому, что $this в контексте обработчика mouseleave является undefined, вы также должны определить переменную в этом обработчике.

Вы также можете использовать on и toggle методы (, если это не безобразно):

$("p").on('mouseenter mouseleave', function(e) { 
    $('span', this).toggle(e.type === 'mouseenter'); 
});

источник

2013-10-11 11:28:46 undefined

$this не объявлен в вашем MouseOut области. Просто сделайте .find вызов снова в мышь из обработчика:

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

источник

2013-10-11 11:28:58 CodingIntrigue

добавить var $this = $(this).find('span'); еще раз, когда MouseLeave произойдет

$("p").hover(function(){ 
var $this = $(this).find('span'); 
$this.show(); 
    }, function(){ 
     var $this = $(this).find('span'); 
     $this.hide(); 
});

источник

2013-10-11 11:28:58

$("p").hover(function(){ 
    var $this = $(this).find('span'); 
    $this.show(); 
     }, function(){ 
      var $this = $(this).find('span'); 
    $this.hide(); 
    } 
);

источник

2013-10-11 11:29:02 Pascalz

добавить $ это в вашу функцию отпуска также:

$("p").hover(function(){ 
     var $this = $(this).find('span'); 
     $this.show(); 
    }, function(){ 
      var $this = $(this).find('span'); 
      $this.hide(); 
    } 
);

источник

2013-10-11 11:29:04

$('p').hover(function() { 
     $(this).find('span').show(); 

      },function() { 

    $(this).find('span').hide(); 
    });

Demo

источник

2013-10-11 11:48:50 Nandakumar

парения не работает с MouseLeave

ответ

Смежные вопросы