SORU
31 Mart 2013, Pazar


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ü:

enter image description here

Nasıl HTML içerik jqueryuı tooltip ile iş 1.10.2 yapabilir miyim?

CEVAP
31 Mart 2013, Pazar


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.

Örnek:http://jsfiddle.net/Aa5nK/14/

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • BetterCoder

    BetterCoder

    17 Aralık 2012
  • EEVblog

    EEVblog

    4 NİSAN 2009
  • Mr. H

    Mr. H

    1 Temmuz 2012