Javascript Uzmanlarından Yardım Bekliyorum

04-12-2021, 10:47:34

VEA

Merhaba aşağıda belirtiğim durumunu nasıl düzeltebilirim. ( javascript ile ilgili degilse de sorun yardımcı olursanız memnun olurum )

04-12-2021, 10:56:14

#2

TheKhan

URL ve/veya kod paylaşırsanız yardımcı olabiliriz.
Yine de ufak bir tüyo vereyim, mavi kısım dışarıdaki taşıyıcının içerisinde ve açılmasını sağlayan kısım orayıda etkiliyor. HTMLde ilgili kısmı düzenlerseniz sorun çözülecektir.

04-12-2021, 10:56:59

#3

Misafir

Mavi alana click even tanımlayıp e yi gönderip e.preventDefault() verirseniz maviye tıklayınca kapanmayacaktır.

VEA bunu beğendi.

1 kişi bunu beğendi.

04-12-2021, 10:57:15

#4

Levirora

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

Merhaba aşağıda belirtiğim durumunu nasıl düzeltebilirim. ( javascript ile ilgili degilse de sorun yardımcı olursanız memnun olurum )

Hocam mavi çerçeveye aldığınız alanın etiketinde bu fonksiyonu tetikleyen bir kod parçacağı vardır muhtemelen. Gözden geçirin o çerçeveyi oluşturan etiketi.

04-12-2021, 10:58:53

#5

VEA

$(document).ready(function(){

$('.toggleSlide1').click(function(e)
{
let orderNumber = $(this).data('order');
$(this).toggleClass('shadow-lg');

$('.onClosed_' + orderNumber).toggleClass('d-none');
$('.onOpened_' + orderNumber).toggleClass('d-none');

$('.slideTogglerOrder_' + orderNumber).slideToggle(500);


});
});

yukarıda ki kodda nasıl bir düzenleme yapmalıyım.

04-12-2021, 11:01:01

#6

Developer

Dostum ana kapsayıcıya vermiş olabilir misin fonksiyonu ? İki kutu da aynı kapsayıcının içinde olduğu için, yazdığın kod bu şekilde çalışıyor.

04-12-2021, 11:03:57

#7

VEA

Burak bey diğer türlü olunca listeyi dagıtıyor yani alt alta 2 tanesini düzgün listeliyor ve diğerlerini aşağıya kaydırıyor siparişlerin bu yüzden böyle yaptım burada da sorun bu kapsayıcı mecbur hem açılır alana hemde header alanına müdahale ediyor.

04-12-2021, 11:05:11

#8

TheKhan

.toggleslide1 click eventini bir alt elemente taşırsanız sorun çözülür
Örneğin html kodu aşağıdakine benzer olsun:

<div class="toggleslide1">
<div class="kirmizicerceve"></div>
<div class="mavicerceve"></div>
</div>

bu durumda $('.toggleslide1') yerine $('.toggleslide1 .kirmizicerceve')
yazmanız yeterli olacaktır

04-12-2021, 11:08:18

#9

Developer

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

Burak bey diğer türlü olunca listeyi dagıtıyor yani alt alta 2 tanesini düzgün listeliyor ve diğerlerini aşağıya kaydırıyor siparişlerin bu yüzden böyle yaptım burada da sorun bu kapsayıcı mecbur hem açılır alana hemde header alanına müdahale ediyor.

Anladığım kadarıyla style’ı, animasyon class’ına vermişsiniz. Class ismi değiştirin o halde. Style bozulmaz.