JQuery neden divamın içeriğini görmezden geliyor?

Bir chekbox'a bağlı bir div için basit bir geçişim var.

$('#step2').hide();

$('#toggle-check').click(function(){

$('#step2').fadeToggle();

})

Neden olmaz .hide (); # adım 2 içeriğimi seç Şu anda bir tablo verilerinin listesi ve saklanmıyor. Divamı erken bitireceğim ve işe yarayacak.

<tr>
<th></th>
<td></td>
</tr> 

Şu anda # step2 div'i tüm tablo verilerimin üzerine ekliyor, bu yüzden bir CSS stili sorunu olabileceğini düşünüyorum.

0
# step2 nerede ve ne içerir? Kodun ilgili bölümlerini gönderebilir misiniz?
katma yazar James Allardice, kaynak
Verdiğiniz işaretlemenin etrafında table öğesi var mı ( div içinde)? Değilse, geçerli değil.
katma yazar James Allardice, kaynak
JQuery ile ilgili değil, HTML ile ilgili. HTML geçersizse, tarayıcının bunu denemek ve düzeltmek için ne yapacağına dair bir fikriniz yoktur ve jQuery, ya tüm işaretlemeler değiştiği için ne yapacağını bilmez.
katma yazar James Allardice, kaynak
# step2 verdiğim yukarıdaki tablo yapısı etrafına sarılır. Her sıraya bir sınıfa saklanmak ve jQuery'de çağırmak, ama dağınık değil mi?
katma yazar SMacFadyen, kaynak
Tamam, jQuery hakkında bilmiyordum. Teşekkürler :)
katma yazar SMacFadyen, kaynak
Teknik olarak, geçersiz HTML ile çalışmayacağı için jQuery ile ilgilidir. Divanın etrafına sarılmış her şeyi seçeceğimi düşündüm, kötüyüm.
katma yazar SMacFadyen, kaynak

3 cevap

Div # step2'nizi tablo satırının etrafında kaydırıyorsanız, düzgün biçimlendirme olmadığı için işe yaramaz. Bütün masanın etrafına sarmalısın. Tablonun parçalarını tutmak istiyorsanız, bunu farklı bir şekilde yapılandırmalısınız.

1
katma

Sorularınıza göre fazla konuşamam.

ve ayrıca burada yarı bir kolon kaçırdınız

$('#toggle-check').click(function(){

$('#step2').fadeToggle();

})

Kodunuzu $ (document) .ready (function() {}); içine sarmayı deneyin ve bir yarı kolon ekleyin

$(document).ready(function(){

$('#step2').hide();

$('#toggle-check').click(function(){

$('#step2').fadeToggle();

});

});
0
katma

Belgeniz hazır olduğunda kodunuzun yürütülmemesi olabilir. Bu, sayfanız çok kısasa, ancak tüm tablonun henüz ayrıştırılmamış olması durumunda yürütülebileceği anlamına gelir.

Bunu dene:

$(document).ready(
{
    $('#step2').hide();

    $('#toggle-check').click(function()
    {
        $('#step2').fadeToggle();
    })
});
0
katma