jQuery hide sorun

3 Cevap php

Benim div öğeleri geçiş için kullanabilir, ve DOM hazır olduğunda, tüm bunları gizlemek ...

   $('div[class*="showhide"]').hide();

   $('input:image').click( function() {
      var nr = $(this).attr('id').substr(7,2);
      $('div.showhide' + nr).toggle(400);
   });

I have dynamically created div elements with class showhide0;showhide1;showhide2...etc... Inside the DIV tags I have search boxes.

  • Sayfa yüklendiğinde Öncelikle, tüm DIV etiketleri gizle.
  • Ben göstermek için bunlardan birini geçiş.
  • Bir arama başlayın, böylece sayfa sorgu sonucu ile yeniden.

Sayfayı yeniden çünkü Tabii ki tüm DIV, yine gizlemek olduğunu. Ne yazık ki ...

Ben şey için aradı sonra tekrar gizlemek mümkün mü? Ben sayfasını açtığınızda tüm div s gizli, güzel olurdu, ama bir süre sonra sadece zaman ben onu açınız ...

3 Cevap

Eğer bir sayfayı yeniden üzerine görünür kalmak için belirli bir öğe ya da öğeleri gerekiyorsa, o zaman unsurların görünür durumunu başlatırken devlet bilgileri kullanmak için jQuery değiştirin sonra istekleri arasında durumunu korumak için bir şeyler yapmak için ihtiyacımız olacak, ve konum .

Bu içerir ancak bunlarla sınırlı değildir çeşitli şekillerde yapılabilir

  • Sorgu dizesinde bunu dahil
  • URL karma bunu dahil
  • Bir çerez kullanın

Bir arama isteği varsa Eh, evet, sadece ilk hide() koşmak yok. PHP düzeyde, size bir arama yürütme biliyorum, eğer ben sadece çıkışından bu hat hariç ediyorum.

Biz Çalıştığım yerde buna benzer bir şey yapmak.

Biz seçti yerine sınıf adı sadece tüm elemanlar için gizlemek ve yerine adında kimlikleri var olmak var.

Yani, bunu gibi bir şey olurdu:

<div id="hide1" class="hide"> </div>

Varsayılan olarak tüm bu divs gizlemek için bu CSS ile birlikte

.hide {
    display: none;
}

Son olarak, biz onlara göstermek için bu gibi bir şey kullanabilirsiniz:

$('input:image').click( function() {
   var nr = $(this).attr('id').substr(7,2);
      $('#hide' + nr).toggle(400);
   });
}

Bunun nedeni CSS öncelik kuralları çalışır. Toggle () / hide () / show () yöntemi gizlemek sınıfının stilini geçersiz kılar.

Eğer komut dosyası göstermek için kimliği geçmesi halinde gösterme parçası gelince, bunu ayrıştırmak ve uygun div görünür hale getirebilirsiniz.

Sen window.location.search adlı sorgu dize okumak ve işleyebilir. Ne yazık ki, daha sonra bunu ayrıştırmak veya jQuery Query String Object veya jQuery URL Utils gibi bir eklenti kullanmak zorunda.

var id = $.query.get('unhide_id'); // This is using Query String Object
$('#' + id).show(400);

etiketler