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