Mai mult
Cum pentru a obține date-id atribut?
Am'm folosind jQuery plugin nisipuri mișcătoare. Am nevoie pentru a obține date-id-ul apăsat elementul și trece-l la un serviciu web.
Cum pot obține date-id atribut? Am'm folosind .pe()
metoda de a re-lega faceți clic pe eveniment pentru articole sortate.
$("#list li").on('click', function() {
// ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError);
alert($(this).attr("#data-id"));
});
<ul id="list" class="grid">
<li data-id="id-40" class="win">
<a id="ctl00_cphBody_ListView1_ctrl0_SelectButton" class="project" href="#">
<img src="themes/clean/images/win.jpg" class="project-image" alt="get data-id" />
</a>
</li>
</ul>
755
12
Pentru a obține conținutul de atributul de date-id
(ca în
link`) trebuie să utilizațisau
.date()
(dacă utilizați mai noi jQuery >= 1.4.3)și partea de după
date
trebuie să fie cu litere mici, de exemplu, date idNumnu va funcționa, dar datelor-idnum
va.Dacă vrem pentru a recupera sau actualiza aceste atribute folosind existente, nativ JavaScript, atunci putem face acest lucru folosind getAttribute și setAttribute metodele de mai jos:
Prin JavaScript
Prin jQuery
Citește această documentație
Notă importantă. Păstrați în minte, că dacă reglați
date
atributul dinamic, prin intermediul JavaScript NU vor fi reflectate în date()funcția jQuery. Trebuie să se adapteze prin
date()` a funcționa cât mai bine.js:
Dacă nu sunteți preocupat de vechi IE browsere, puteți utiliza, de asemenea, HTML5 set de date API
HTML
JS
Demo: http://html5demos.com/dataset
Full suport pentru browser-ul lista: http://caniuse.com/#feat=dataset
Sunt surprins că nimeni nu a menționat:
HTML
JS
sau
Lucrează pentru mine!
lucrează pentru mine!
Eu folosesc $.date - http://api.jquery.com/jquery.data/
Accesarea datelor atribut cu propria sa
id
este prea ușor pentru mine.$("#Id").date de("atribut");
Acest fragment de cod va returna valoarea de atribute de date exemplu: date de identitate, date-time, date, nume, etc.., am arătat pentru id-ul
js:
// obține valoarea de date-id -> a1
// acest lucru se va schimba de date-id -> a2
// obține valoarea de date-id -> a2
folosind jQuery:
Pentru cei care caută pentru a dinamic a elimina și re-activați tooltip, puteți utiliza
dispune
și "enable" metode. A se vedea https://getbootstrap.com/docs/4.0/components/tooltips/#tooltipdispose