2016-03-18 17 views
1

Check Output and -->question.. Bootstrap ve JQuery'de programlama konusunda yeniyim. Başka bir öğenin özniteliğinin içinde bulunan giriş öğesinin "id" nasıl seçileceğini bilmek istiyorum.
Popover için bootstrap kullanıyorum. Ben <a></a> bağlantıyı tıkladığınızda bir popover üretmek amaJQuery ile özellik etiketinin içinde Element Kimliği nasıl seçilir?

yani ben çapa seçip popover görüntülendiği am yerden bu dosyayı veri içerik öğesinin içinde eleman id almak istiyorum. Şimdi çapa etiketi içinde id seçmek istiyorum ama veri içerik çapa elemanın nitelik içinde

 $("a").popover(
 
      
 
     { 
 
      delay:1000, 
 
      html: true, 
 

 
       
 

 
     })

Bu şimdiye önyükleme özelliğini ve önyükleme DATA- içine yerleştirilen ankraj etiketinin içine hangi Html Etiketi olduğunu içerik html öğesini ekledim ve anchr etiketinin veri içeriği özniteliğindeki o giriş öğesinin kimliğini seçmek istiyorum.

Nasıl yapmalı?

<a href="#" data-toggle="popover" title="Username:" data-content='<input id="Uname" data-toggle="popover" data-trigger="focus" data-content="You are Successfull!!!!" type="text"/><input id="btnEdit" type="button" value="Edit" />'></a> 

Nasıl Yapılır?
Herkes

+0

İçinde '<' and '>' karakterlerden kurtulmak gerekir string – Blazemonger

+0

Bu uygulamayı daha önce hiç görmedim. Nihai amacınız olarak neyi başarmaya çalışıyorsunuz? Bunu yapmanın daha hızlı bir yolu var. – KpTheConstructor

+0

Ekran görüntüsünü, ekran görüntüsünü görürseniz anladım ... anlıyorsunuz. Bir popover ve içerideki popover görüntülenen çapa etiket üzerinde metin kutusu ve ben id seçmek ve eylem ile onları gerçekleştirmek istiyorum düğme .... –

cevap

2

şöyle, veri içerik öğesi için yeni bir jquery nesnesinin örneğini deneyin öner Can:

$('a').on('click', function() { 
 
     var content = $(this).data('content'); 
 
     var input = $(content); 
 
     window.alert(input.attr('id')); 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<a href="#" data-toggle="popover" title="Username:" data-content='<input id="Uname" data-toggle="popover" data-trigger="focus" data-content="You are Successfull!!!!" type="text"/><input id="btnEdit" type="button" value="Edit" />'>Click me!</a>
aktif snippet'iyle güncellendi.

+0

Teşekkürler Efendim ................ ......... –

0

Veri içerik özniteliğinin değerini alabilir, bu öğeyi geçici olarak oluşturabilir ve ardından kimliğini alabilirsiniz! En iyi çözüm olmayabilir diye farz ediyorum, ama işe yarayacağını düşünüyorum.

1

Kimlik denetiminde olduğunuzu farz ediyorum. Eğer durum buysa, o zaman basitçe içeren elemana kimliği ekleyin:

<a href="#" 
    data-toggle="popover" 
    title="Username:" 
    data-target-id="#uname" 
    data-content='<input id="uname" data-toggle="popover" data-trigger="focus" data-content="You are Successfull!!!!" type="text"/><input id="btnEdit" type="button" value="Edit" />'> 
</a> 

O zaman yapabileceğini başlatmak zaman:

$anchor.popover({ 
    html: true, 
}).on('shown.bs.popover', function(){ 
    var $anchor = $(this); 
    var id = $anchor.data('target-id'); 
    $(id).SomeOtherMethod(); 
}); 
+0

Teşekkürler Efendim .................... –

İlgili konular