SORU
25 Kasım 2012, Pazar


Twitter Bootstrap uyarı mesajı ve tekrar kapat aç

Uyarı mesajları ile ilgili bir sorun var. İlk defa normal ama kullanıcı bastığında gösterdi. x (kapatın). Ama ne zaman kullanıcı çalışır tekrar görüntülemek için bu mesajı (örneğin, düğmesini tıklatın olay) o zaman gösterilmez (ayrıca, eğer basıyorum bu uyarı mesajı için konsol, eşittir []). Benim kod burada:

 <div class="alert" style="display: none">
   <a class="close" data-dismiss="alert">×</a>
   <strong>Warning!</strong> Best check yo self, you're not looking too good.
 </div>

Ve olay:

 $(".alert").show();

P. S!Bazı olay (örneğin, bir düğmeye tıklandığında) oldu sonra uyarı mesajı göstermek istiyorum. Ya ben yanlış ne yapıyorum?

CEVAP
25 Kasım 2012, Pazar


Veri görevden tamamen öğeyi kaldırır. JQuery kullanın .() gizlemek yerine. yöntem

Bu-bu-hızlı bir düzeltme yöntemi:

Satır içi javascript bu gibi element özelliği gizlemek için kullanma

<div class="alert" style="display: none"> 
    <a class="close" onclick="$('.alert').hide()">×</a>  
    <strong>Warning!</strong> Best check yo self, you're not looking too good.  
</div>

<a href="#" onclick="$('alert').show()">show</a>

http://jsfiddle.net/cQNFL/

Ancak bu sadece tembel ise sürdürülebilir bir uygulama istiyorsanız hiç iyi bir şey olan) varsa kullanılmalıdır.

-Tekrar yöntemi:

Bir elementi gizlemek için yeni bir veri özniteliği oluşturun.

Javascript:

$(function(){
    $("[data-hide]").on("click", function(){
        $("."   $(this).attr("data-hide")).hide();
        // -or-, see below
        // $(this).closest("."   $(this).attr("data-hide")).hide();
    });
});

ve sonra biçimlendirme veri saklamak için veri-görevden değiştirin. Example at jsfiddle.

$("."   $(this).attr("data-hide")).hide();

Bu sınıf veri gizlemek, belirtilen tüm öğeleri gizler.e: data-hide="alert" uyarı sınıfı tüm elemanları gizler.

Xeon06 alternatif bir çözüm sunmuştur:

$(this).closest("."   $(this).attr("data-hide")).hide();

Bu yalnızca en yakın ana öğe gizler. Bu takdirde her uyarı benzersiz bir ders vermek istemezsin diye çok yararlıdır. Lütfen, ancak, uyarı içinde Kapat düğmesini yerleştirmek gerekir.

Tanım .jquery doc en yakın: kümesindeki her eleman İçin elemanın kendisi Test ve DOM ağacında kendi atalarının üzerinden geçme kadar seçici eşleşen ilk öğe.)

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ASUS North America

    ASUS North A

    12 AĞUSTOS 2008
  • Jonathan Flavell

    Jonathan Fla

    1 HAZİRAN 2006
  • SRT Photoshop Tutorials

    SRT Photosho

    19 Aralık 2012