Jquery UI tooltip html içeriği desteklemiyor
Bugün, fişler-jQuery 1.9.1 ile benim bir WordPress kullanmak her yükseltti. Jqueryuı ve jquery ile tooltip kullanmaya başladım.uı.1.10.2. Her şey çok güzeldi. Ancak içerik HTML etiketlerini kullandım (öğe title
öznitelik için araç ipucu başvuruyordum), HTML desteklenen olmadığını fark ettim.
Bu benim tooltip ekran görüntüsü:
Nasıl HTML içerik jqueryuı tooltip ile iş 1.10.2 yapabilir miyim?
CEVAP
EditBu popüler bir cevap olduğu ortaya çıktı beri @crush yorum aşağıda belirtilen Yasal Uyarı ekliyorum. Eğer kullanırsanız, bu, be aware that you're opening yourself up for an XSS vulnerability geçici bir çözüm. Eğer bu çözüm kullanınne yaptığını biliyorve olabilirbelliHTML özniteliği içerik.
< / ^ hr .Bunu yapmak için en kolay yolu varsayılan davranışı geçersiz kılar content
seçeneği için bir işlevini sağlamak
$(function () {
$(document).tooltip({
content: function () {
return $(this).prop('title');
}
});
});
Örnek:http://jsfiddle.net/Aa5nK/12/
Başka bir seçenek content
seçeneğini değiştirir kendi araç ipucu widget geçersiz olacaktır:
$.widget("ui.tooltip", $.ui.tooltip, {
options: {
content: function () {
return $(this).prop('title');
}
}
});
Şimdi, .tooltip
HTML içerik aramak her zaman iade edilecektir.
JQuery, bir div içindeki tüm HTML kald...
Takın üç nokta (...) içeriği çok geniş...
Oyun/HTML 5 video JQuery kullanarak pa...
ve html seçeneği seçili değeri almak a...
Nasıl bir iframe jquery kullanarak içe...