Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   выборка с исключением (https://javascript.ru/forum/dom-window/40546-vyborka-s-isklyucheniem.html)

imediasun1 09.08.2013 23:52

выборка с исключением
 
При наведении мыши на блок класса template_icon появляется большая фотка.
необходимо чтобы при наведении на потомка она не появлялась. Почему не работает такой код.
<div id="slider_store_template">
<div id="template_mini" class="template_icon">
<img src="/img/template1_mini.jpg">
								
<div id="1template_big" class="template_big">
<img src="/img/template1_big.jpg">
</div>
<div class="select_template">
</div>
</div>
</div>

$('.template_icon:not(.select_template)').mouseover(function(){
$(this).css('-webkit-box-shadow',' -1px -1px 5px rgba(255, 255, 255, 0.75)');
$(this).css('-moz-box-shadow',' -1px -1px 5px rgba(255, 255, 255, 0.75)');
$(this).css('box-shadow',' -1px -1px 5px rgba(255, 255, 255, 0.75)');
$(this).find('.template_big').css('display','block');

});
И при наведении на .select_template тоже появляется большая фотка .template_big

ruslan_mart 11.08.2013 12:53

$('.template_icon').mouseover(function(e) {
   if(e.target.className != 'select_template') $(this).css('boxShadow', '-1px -1px 5px rgba(255, 255, 255, 0.75)').find('.template_big').css('display', 'block');
});


Часовой пояс GMT +3, время: 12:55.