Не могу сравнить this с объектом jquery?

Question

[Sergey750il]

Делаю всплывающее окно на интерактивной SVG карте. Но проблема в том, что при отводе мыши за грани карты папап не убирается. Идея создать конструкцию if в которой определялось бы является ли этот объект блоком .point если нет то добавить к нему remove() блок point это самый папап в котором есть ссылка на страницу. Поэтому нужно, что бы при отводе мыши на point не исчезал сам point.

function mouseOut() {
        if (this!=$('.point')) {
        	$('.point').remove();
        } 
        
}

Вызов происходит так:
<code lang="javascript">
	for (var i = 0; i < rsrGroups.length; i++) {
		var el = rsrGroups[i];
		el.mouseover(showPopup);
		el.mouseout(mouseOut);
	}
</code>

Answer 1

[Igor Belikov]

this == $('el').get(0);

Посмотрите событие mouseleave.

Comments

[Sergey750il]

Что то совсем не то.

[Igor Belikov]

Sergey750il: что-то туплю, а можно увидеть картинку этой карты? Фидлжс?

[Sergey750il]

Igor Belka: ответил ниже

[Igor Belikov]

Sergey750il: почему не сделать так:
$('map').mouseleave(УбратьПопап);

for(...) {
el.hover(ПоказатьПопап)
el.mouseleave(УбратьПопап)
}

[Sergey750il]

Попробовал. Папап там идет с абсолютным позиционированием, в общем когда навожу мышь на папап то он начинает мигать те он скрывается тк вывожу мышь.
$('#rsr').mouseleave(function () {
$('.point').remove();
});

#rsr - блок в котором лежит карта.

[Igor Belikov]

Sergey750il: возможно сонный бред, но попробуйте сделать события со статусами

overPopover=false
Popover.mouseover = overPopover=true
Popover.mouseout = overPopover=false
Map.mouseleave = if(overPopover) return false; else popover.remove()

[Sergey750il]

В общем если максимально упростить. То вопрос пока стоит в том как убрать папап при выводе мыши из родительского блока #rsr но при этом что бы папап не исчезал при наведении на сама папап.

[Sergey750il]

$('map').mouseleave(УбратьПопап); - не проходит это. Все равно папап убирается когда наводишь на него.

[Sergey750il]

Вся проблема в том что папап идет следующим блоком те под картой, а не внутри карты.

[Igor Belikov]

Sergey750il: а способ с состоянияями не решает эту протблему?

[Sergey750il]

Перенес блок в rsr, решил через mouseleave

[Igor Belikov]

Sergey750il: ура, победа :-)

Answer 2

[Serdji]

$( '.point' ).on( 'mouseout', function() {
var _this = $( this );
     if (_this!=$('.point')) {
        	$('.point').remove();
        } 
});

Тогда this будет ссылаться на наведенный объект с классом .point, а не на все объекты с эти классом