Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   removeClass addClass (https://javascript.ru/forum/dom-window/40302-removeclass-addclass.html)

imediasun1 31.07.2013 03:06

removeClass addClass
 
Скажите , почему класс ad меняется при нажатии на иконку ровно на секунду, а потом опять возвращается в первоначальный класс
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<div id="control_panel">
<a href="" id="gallery_icon" style="margin-left:280px;"><img src="/img/gallery_icon.png"></a>
<a href=""><img src="/img/in_line.png"></a>
</div>	
<div class="ad">
<div class="photo_good">
<img src="/photo_goods/3315374237.jpg" height="90px">
</div>
<div id="name_good">
<p class="name_good_p1">GPS Navigator</p>
<p class="name_good_p2">исправное, в наличии, новое</p>
</div>
</div>
						
<style>
.ad{
width:700px;
background:#ffefb3;
height:100px;
margin:10px 10px;
top:5px;
border-bottom: 1px solid grey;
}
.ad_gallery{
width:200px;
background:#ffefb3;
height:200px;
margin:10px 10px;
top:5px;
border-bottom: 1px solid grey;
}
</style>
<script>
$('#gallery_icon').click(function(){
$('.ad').removeClass('ad').addClass('ad_gallery');
});
</script>

http://www.pinokio.in.ua/userpages/proba.php

рони 31.07.2013 03:14

imediasun1,
потому что ссылка -- остановите переход по ссылке и вам будет счастье

ruslan_mart 31.07.2013 05:09

$('#gallery_icon').click(function() {
   this.className = 'ad_gallery';
   return false;
});

Вот и всё :)


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