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

  • DetroitBORG

    DetroitBORG

    29 Temmuz 2008
  • inovationgmbh

    inovationgmb

    28 EYLÜL 2010
  • Lin Steven

    Lin Steven

    17 EKİM 2006