JQuery Inner div не работает при использовании блока цветной коробки

Question

Я использую colorbox на div. У меня есть вложенные div. Когда я нажимаю на внутренний div, он выворачивает изображение в поле «свет», но вместо этого щелчок на внутреннем div должен перейти на следующую страницу.

Есть ли способ сделать это?

$(".x").colorbox({html:"<img src='test.jpg' />"}); 

<div class="x"> 
<div class="y" > 
<a href="test.html" >link</a> 
</div> 
</div> 

Когда я нажимаю на ссылку, я должен перенаправить пользователя на test.html. Как предотвратить всплывающее окно?

Любая помощь будет оценена!

Answer 1

Сделайте e.stopPropagation() сначала щелкнув по внутреннему. Проверьте демо в http://jsfiddle.net/nmdsS/.