8
Vakfın araç ipuçlarında html kullanmak mümkün mü?Vakfın araç ipuçlarında html nasıl kullanılır?
A
cevap
0
evet. destekler. this link'u kontrol edin. Basit html denedim ve bu destek. başlık özniteliğine html koymalısınız.
7
Evet. Başlık özniteliğinde html'yi destekler. foundation.tooltip.js den
: bir div sarılmış yeni öğesi oluşturur ki aşağı
create : function ($target) {
var $tip = $(this.settings.tip_template(this.selector($target), $('<div></div>').html($target.attr('title')).html())),
...
kırma ve başlıkta adı geçen öznitelik içeriği hangi edecek html() yöntemi kullanılarak div sokulur dizedeki herhangi bir işaretlemeyi html öğelerine dönüştür.
Aşağıdaki kod:
<img src="example.png"
class="general-infotip has-tip tip-top"
data-tooltip
title="<b>This is bold</b> This is not" />
benzeyen bir alet ucu neden olacak This değil kalın
Vakfı v6.3 olarak
0
+ , araç ipucundaki html'ye izin vermek için, data-allow-html = "true" özniteliğini ekleyebilirsin. Örneğin
: Burada
<span data-tooltip data-allow-html="true" aria-haspopup="true"
class="has-tip" data-disable-hover="false" tabindex="1"
title="Fancy word for a <strong>beetle</strong>. <br><br><img src=https://pbs.twimg.com/profile_images/730481747679432704/uc08_dqy.jpg />">
Scarabaeus
</span>
o jsfiddle çalışmaktadır.
Daha fazla bilgi için, pull request adresine bakın.
Thx, ancak araç ipucu içeriğimiz için bir kapsayıcı için "
" gibi bir html öğesi kullanmak mümkün mü? – ivaylocevet. Mümkün. html() 'yi kullanarak onu destekleyebilir, http://foundation.zurb.com/docs/elements.php sayfasına gidebilir ve tooltip elemanını firebug ile düzenleyebilir ve test edebilirsiniz. afedersiniz! Bir örnek göstermek için jsfiddle'ta temel js dosyasını bulamıyorum. – shayan
@shayan sağladığınız link çalışmıyor –