Jquery Tıklama Sorunu

01-10-2013, 18:22:45

BR9

Merhaba arkadaşlar ,

.spor adında bir divim var

.spor adındaki dive tıklanınca
#br9 adındaki div min-height 1780 px olsun istiyorum

ardından tekrar .spor adındaki dive tıklanınca
#br9 adındaki div min-height 1580px olsun istiyorum

arkadaşlar bu işlemi yapıyorum güzelce. Çalışıyor ilk tıklamada 1780 px oluyor , ikinci tıklamada 1580 px oluyor tekrardan.

Fakat 3.tıklama yok ? hiç işlemiyor sanki 1 kere çalışıyor kod

01-10-2013, 18:56:13

#2

ofLu

$('.spor').toggle(
    function() {
    //#br9 adındaki div min-height 1780 px olsun istiyorum
    },
    function() {
    // #br9 adındaki div min-height 1580px olsun istiyorum
    }
);

Şeklinde düzgün çalışır. js kodlarını görmediğim için bi şey söyleyemem

18-10-2013, 12:50:51

#3

BR9

ofLu adlı üyeden alıntı: mesajı görüntüle

$('.spor').toggle(
    function() {
    //#br9 adındaki div min-height 1780 px olsun istiyorum
    },
    function() {
    // #br9 adındaki div min-height 1580px olsun istiyorum
    }
);

Şeklinde düzgün çalışır. js kodlarını görmediğim için bi şey söyleyemem

Verdiğiniz kod olmadı malesef. Toggle direk belirttiğimiz divi ortadan kaldırıyor.

18-10-2013, 13:08:53

#4

ofLu

div class id ve js kodlarını yazarsan düzenlerim

18-10-2013, 13:11:02

#5

~~MertErtem~~

Üyeliği durduruldu

aynen kodları koy düzeltelim.

18-10-2013, 18:54:03

#6

BR9

ofLu adlı üyeden alıntı: mesajı görüntüle

div class id ve js kodlarını yazarsan düzenlerim

Divleri belirtmiştim. Ben jquery'i bu şekilde yaptım fonksiyon sadece 1 kere çalışıyor ,

İlk tıklamada br9 adlı divin boyutu 1713px oluyor. 2. Tıklamada ise 1580px oluyor. Fakat ondan sonraki tıklamada hiç bir işlem yapmıyor. Benim isteğim ondan sonra ki tıklamalarda ise tekrar 1713px tekrar 1580 px devamlı gitsin tıklandıkca. Açıksa küçültsün küçükse büyültsün şeklinde.

Buyrun

$(function(){
	
$(spor).click(function(){
$(br9).animate({'min-height':'1713px'},80);
$(spor).click(function(){
$(br9).animate({'min-height':'1580px'},80);

});
});
});

18-10-2013, 19:54:27

#7

ofLu

toggle fonksiyonun çalışmama sebebi jquery versiyonuyla alakalı yeni kütüphane de işlevi değiştirilmiş. Elektirik anahtarı şeklinde çalışıyordu. Aç kapa senin istediğin şekilde büyüt küçült.

Örnek olarak

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>toggle</title>
<script type="text/javascript" src="http://www.kalecioyunlari.net/template/js/jquery.js"></script>

</head>
<style>
.spor {
   cursor:pointer;
   }
#br9 {
	width:100px;
    min-height:100px;
	background:#000;
	color:#FFF;
	}
</style>
<body>
<div class="spor">Buton</div>
<div id="br9">Büyüt</div>
<script>
$(".spor").toggle(			
	function() {
		$('#br9').css({'min-height':200});	
 	}, 
  	function () {
		$('#br9').css({'min-height':100});	
  	}  	
);
</script>
</body>
</html>

Demo : Canlı Demo

18-10-2013, 19:58:59

#8

BR9

ofLu adlı üyeden alıntı: mesajı görüntüle

toggle fonksiyonun çalışmama sebebi jquery versiyonuyla alakalı yeni kütüphane de işlevi değiştirilmiş. Elektirik anahtarı şeklinde çalışıyordu. Aç kapa senin istediğin şekilde büyüt küçült.

Örnek olarak

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>toggle</title>
<script type="text/javascript" src="http://www.kalecioyunlari.net/template/js/jquery.js"></script>

</head>
<style>
.spor {
   cursor:pointer;
   }
#br9 {
	width:100px;
    min-height:100px;
	background:#000;
	color:#FFF;
	}
</style>
<body>
<div class="spor">Buton</div>
<div id="br9">Büyüt</div>
<script>
$(".spor").toggle(			
	function() {
		$('#br9').css({'min-height':200});	
 	}, 
  	function () {
		$('#br9').css({'min-height':100});	
  	}  	
);
</script>
</body>
</html>

Demo : Canlı Demo

Önerebileceğiniz bir kütüphane var mı onu deneyeyim ? Enson kütüphaneyi kullanıyorum çünki.

Tamamdır sizin kütüphanenizi kullandım sorunum çözüldü. İlginç fakat

18-10-2013, 20:03:46

#9

ofLu

örnekte kullandığım boyut olarak yeniye oranla daha küçük ve hatasız çalışır. Yenisi ile değiştir diğer jquery kodlarını desteklemezse bakarız tekrar.