SORU
18 Kasım 2012, Pazar


Nasıl Bootstrap Düğmesi için Açılan Başlık Seçili Öğeyi Görüntülemek için

Benim uygulama bootstrap Açılan bileşeni kullanıyorum ve gibidir:

<div class="btn-group">
    <button class="btn">Please Select From List</button>
    <button class="btn dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
   </button>
 <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
   <li><a tabindex="-1" href="#">Item I</a></li>
   <li><a tabindex="-1" href="#">Item II</a></li>
   <li><a tabindex="-1" href="#">Item III</a></li>
   <li class="divider"></li>
   <li><a tabindex="-1" href="#">Other</a></li>
 </ul>
</div>

şimdi btn başlık olarak Seçilen öğeyi görüntülemek istiyorum."Lütfen listeden btn jquery kullanarak yerine Seçilen Öğeyi ekran nasıl yapabilirim?" ama Seçmek zor kodlanır gördüğünüz gibi Kullanarak bu başlık değiştirebilirim biliyorum .() html ya da .() metin listeden seçilen değeri kapmak için nasıl bilmiyorum ama yöntem? Bunu çözmek için bana yardım edebilir misiniz? Yardım için teşekkürler

CEVAP
18 Kasım 2012, Pazar


Sorununuzu bu bir deneyin eğer çok tıklatarak bağlantılı metin düğme metni değiştirmek istiyorsun anladığım kadarıyla: http://jsbin.com/owuyix/4/edit

 $(function(){

    $(".dropdown-menu li a").click(function(){

      $(".btn:first-child").text($(this).text());
      $(".btn:first-child").val($(this).text());

   });

});

Yorum başına:

bu 5* *listeleri madde ajax çağrısı ile doldurulur aldığımda benim için çalışmıyor.

.on() jQuery yöntemi ile en yakın statik ana olay temsilci zorunda:

 $(function(){

    $(".dropdown-menu").on('click', 'li a', function(){
      $(".btn:first-child").text($(this).text());
      $(".btn:first-child").val($(this).text());
   });

});

Burada olay her zaman kullanılabilir olduğundan $(document) olay çok temsilci rağmen $(".dropdown-menu") statik üst delege edilir.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • ASUS Campus Life

    ASUS Campus

    18 Mart 2013
  • Barnacules Nerdgasm

    Barnacules N

    20 Temmuz 2006
  • LiteralMSPaint

    LiteralMSPai

    27 EKİM 2010