5
奇怪的是,我發現很難綁定jquery的onclick事件處理程序到這個小提琴。我甚至不知道我做錯了什麼。在HTML如下: -使點擊工具提示顯示並添加模式
<ul>
<li><a id="tooltip_1" href="#" class="tooltip" >Trigger1</a><li>
<li><a id="tooltip_2" href="#" class="tooltip" >Trigger2</a><li>
<li><a id="tooltip_3" href="#" class="tooltip" >Trigger3</a><li>
</ul>
<div style="display: none;">
<div id="data_tooltip_1">
data_tooltip_1: You can hover over and interacte with me
</div>
<div id="data_tooltip_2">
data_tooltip_2: You can hover over and interacte with me
</div>
<div id="data_tooltip_3">
data_tooltip_3: You can hover over and interacte with me
</div>
</div>
風格是這樣的: -
li {
padding: 20px 0px 0px 20px;
}
像這樣一個jQuery: -
$(document).ready(function() {
$('.tooltip[id^="tooltip_"]').each
(function(){
$(this).qtip({
content: $('#data_' + $(this).attr('id')),
show: {
},
hide: {
fixed: true,
delay: 180
}
});
});
});
你看看我創建的小提琴頁: - http://jsfiddle.net/UyZnb/339/.
同樣,我該如何實現一個jQuery的模態樣外觀,所以工具提示成爲焦點?
如何添加多個工具提示使用不同的消息:( – 2012-07-25 05:15:21
肯定會讓你很快就會知道的人,就要去一個快速運行,看你在20分鐘,@Santy':)' – 2012-07-25 05:44:55
Hiya @Santy在這裏你去:**與多個觸發器的演示:** http://jsfiddle.net/HeJqg/有樂趣':)' – 2012-07-25 06:14:33