Html
<div class='item_container'>
[...bunch of links and pictures...]
<a class='item_owner'>John Doe</a>
</div>
Javascript
/**
Bind the onclick only if you hover on the item since we got a lot
of items and several events and plugins to setup on them.
*/
$('.item_container').live('mouseenter', function(e){
$this = $(this);
if (!$this.data('isSetup')) {
$this.click(function(e){
// do magic
return false;
});
[... a lot of other stuff]
$this.data({'isSetup': true});
}
});
Конечно, когда я нажимаю где угодно в div он выполняет «магию». Благодаря return false
, если я нажимаю на любую ссылку в div, он по-прежнему выполняет «волшебство» и не меняет страницу, что является ожидаемым поведением.
Но есть одна ссылка то есть предположим, что на самом деле изменилась страница, владелец ссылки. Проблема в том, что при моих текущих настройках я не могу работать.