Как выбрать все элементы кроме ссылок и задать им правило на jquery?

Question

[v-orlov]

Товарищи, как правильно сделать выборку, чтобы заработал код ниже?
Что нужно. У меня несколько блоков .block, в каждом разношерстнный контент (тексты, картинки, ссылки), но при клике на общий блок за исключением внутренних ссылок, я бы хотел открывать fancybox.
сейчас же мое произведение не работает. либо открывается модальное окно, даже если я кликаю по внутренним ссылкам .block, либо только ссылки работают, а модальное не вызывается.
Запутался в выборках, буду рад помощи.

<div class="block">
    <p><a href="vk.com">vk.com</a></p>
    <a href="google.ru">google.ru</a>
    <ul>
        <li></li>
        <li></li>
    </ul>
    <div></div>
    <div></div>
</div>

<a href="#some-modal-window" class="link fancybox">переходим</a>

$('.block').click(function() {
    var notcontent = $(this).find('a');
    var content = $(this).not('notcontent');
    var clickTo = $(this).next('.link');
   
    .content.click(function() {
        clickTo.click();
    });
});

ps такой пример можно увидеть в вк. если кликнуть на отдельный новостной пост, он открывается в отдельном окне, но если нажать на ссылку внутри поста, ссылка откроется без дерганья окна.
ориентир не на вк, конечно, но как сам эффект выглядит, можно можно наблюдать там. а как сделан не понятно.

Answer 1

[Игорь]

If(!$(this).is("a")){
//открыть fancybox
}

Это после клика по .block

Comments

[v-orlov]

спасибо за мысль. но все равно и фенси открывается и ссылка (на vk.com например) срабатывает

[Игорь]

v-orlov: Попробуй так$('.block').click(function(е) {
e.preventDefault()
}

[v-orlov]

Игорь: та же картина )

[Игорь]

v-orlov: мин через 10 зайду с компа набросаю пример

[v-orlov]

Игорь: спасибо

[Игорь]

v-orlov: вот

$('.block > *').bind('click', function(){
                    if(!$(this).is('a')){
                        alert('открыть fancybox ');
                    } 
                })

[v-orlov]

Игорь: ближайшая ссылка открывается отлично и правильно, а та, которая внутри другого тега (в моем примере vk.com) так же фенси и открывает

[Игорь]

$('.block > *') отсюда удали это ">"

[v-orlov]

Игорь: теперь вместе с фенси ссылки работают ) я не специально )

[v-orlov]

омг я идиот, на стаковерфлоу подсказали просто z-index ами решить эту проблему. Игорь: огромное спасибо за терпение и за помощь

[Игорь]

v-orlov: С z-index-oм будет правильнее, я как-то и забыл про этот способ, да и вопрос был про jquery.
Вот так будет работать со всеми сслылками

$('.block').bind('click', function(e){
    if(!$(e.target).is('a')){
       alert('открыть fancybox ');
   } 
})

может кому пригодится

Answer 2

[v-orlov]

как решить, если вдруг у кого-то будет подобная проблема:

.block a {
position: relative;
z-index: 1000;
}
.link {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
}

ссылку с фенси подсунуть под весь контент с меньшим индексом, и ссылки которые выше, не будут реагировать на его вызов. даже js не понадобился.

Comments

[shurupkirov]

верстать надо правильно и сразу, тогда и js-сои не надо будет ничего исправлять и z-индексы вставлять

[v-orlov]

shurupkirov: есть идея, как сверстать ссылку внутри блока, который должен вызывать окно и при этом ссылка кликалась без вызова модального окна?