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

  • Eddie Bravo

    Eddie Bravo

    17 EKİM 2006
  • Shanice Caruthers

    Shanice Caru

    27 EKİM 2011
  • The White House

    The White Ho

    21 Ocak 2006