Смысл такой. Есть блок, в который вложен еще один блок, с контентом. Родительский блок пр ширине равен 100%, в то время как блок с контентом уже, находится по центру. Как сделать, чтобы по клику на вот эти поля, которые получаются по краям родительского блока, пользователя перенаправляло на определенную страницу? При этом при клике по блоку с контентом перенаправления происходить не должно.
CODE ( html):
скопировать код в буфер обмена
<div id='wrap0' style='width:100%;height:100%;background-color:green;'> <div id='container' style='width:70%;background-color:#fff;height:100%;margin:auto;'> <a href='ya.ru'>TEST LINK</a> </div> </div>
Вот такой код, делает перенаправление, однако при нажатии на блок с контентом перенаправления быть не должно
CODE ( javascript):
скопировать код в буфер обмена
<script type='text/javascript' src='http://code.jquery.com/jquery-2.1.4.min.js'></script> <script type='text/javascript'> $(function(){ $('#wrap0').click(function(){ window.location.href='https://google.com'; }); }); </script>
(Добавление)
Нашел решение. Но это решение не работает как надо, тк ссылки внутри блока с контентом перестают работать
CODE ( javascript):
скопировать код в буфер обмена
<script type='text/javascript'> $(function(){ $('#wrap0').click(function(){ window.location.href='https://google.com'; }).children().click(function(e) { return false; }); }); </script>
(Добавление)
РАБОТАЮЩЕЕ РЕШЕНИЕ:
CODE ( javascript):
скопировать код в буфер обмена
<script type='text/javascript'> $(function(){ $('#wrap0').click(function(e){ if(e.target == this){ window.location.href='https://google.com'; } }); }); </script>
(Отредактировано автором: 01 Декабря, 2015 - 15:41:13)
|