2016-04-07 31 views
0

Her biri yaklaşık 1000 karakter içeren 300'den fazla araç ipucuna sahip bir sayfam var. JQuery UI, bu div öğelerini oluşturma işini yapıyor. Onları inline inşa edip edemeyeceğimi ve saklanıp saklanmayacağımı, parça önbelleğini hızlandırabileceğimi ve daha sonra yalnızca işleyiciyi önbellekten okunan öğeye ekleyebileceğimi bilmek isterim.Araç üzerinde hazır belge ipucu hazır mı?

Araç ipuçlarını oluşturmak ve işlemek için oldukça basit JS kodu.

$(function() { 
    $(document).tooltip({ 
     tooltipClass: "notes", 
     content: function (callback) { 
     callback($(this).prop('title')); 
     }  
    }); 
    }); 

Ve sıralanabilir kabın başlık özelliğinden içine ipucu için notlar yükler basitleştirilmiş görünüm kodu. JS Her .portlet elemanı için temel bilgi vermektedir sonra açılan elemanları yüzlerce oluşturmak için varsa

.portlet 
    .portlet-header 
    # Some info 
    .portlet-content(title="#{ t.notes if t.notes }") 
    # more info 

Parça önbelleğe almayı yardımcı görünmüyor. Yardımın için sağol. Teşekkür ederim.

cevap

1

Araç ipuçlarını anında açma hakkında, örn. Araç ipucunu yaratacak bir işlevi çağırmak için üzerine gelin.

Vurgulu tutulması gereken tüm öğeler varsayarsak, portlet-content sınıfına sahip olursunuz, başlamanıza yardımcı olacak bir şey varsa .tooltip işlevinin içine entegre edilmeyi deneyin. Kullanabileceğiniz öğeler için console.log dosyasına bakın.

$(function() { 
    function doToolTip(e) { 
     console.log("Event: "); 
     console.log(e); 
     console.log("Event target: "); 
     console.log(e.target); 
     console.log("Title of the target: " + e.target.title); 
    } 
    $(document).on("hover", ".portlet-content", doToolTip); 
}); 
+0

Sanırım bu benim sorduğum şey. Nasıl yapılacağından emin değilim. – tidelake

+0

Js/jquery yetenekleriniz nasıl? – yezzz

+0

Vurgulu olarak çağrılan bir işlev eklendi. Gerisi size kalmış. – yezzz