Jquery Ajax工具提示链接
我对ajax工具提示qtip2有一个问题 我正在使用这个脚本(): 这里是工具提示的链接:Jquery Ajax工具提示链接,jquery,ajax,Jquery,Ajax,我对ajax工具提示qtip2有一个问题 我正在使用这个脚本(): 这里是工具提示的链接: <a href='http://qtip2.com/demos/data/snowyowl'>Snowy Owl</a> 问题是,我使用此脚本的内容页上的每个链接都试图加载工具提示。即使我将鼠标悬停在菜单项上(当然是链接),它也会尝试加载ajax工具提示。为什么?您的选择器太通用,$('a')将选择所有锚定标记并为其设置工具提示。相反,只需添加/使用属性来指定需要工具提示的
<a href='http://qtip2.com/demos/data/snowyowl'>Snowy Owl</a>
问题是,我使用此脚本的内容页上的每个链接都试图加载工具提示。即使我将鼠标悬停在菜单项上(当然是链接),它也会尝试加载ajax工具提示。为什么?您的选择器太通用,
$('a')
将选择所有锚定标记并为其设置工具提示。相反,只需添加/使用属性来指定需要工具提示的锚点。对于需要显示工具提示的锚,请添加一个rel=“tooltip”
属性,并仅为这些锚设置工具提示
例:
<a href='http://qtip2.com/demos/data/snowyowl'>Snowy Owl</a>
<a rel="tooltip" href='http://qtip2.com/demos/data/snowyowl'>Show tooltip</a>
$(document).ready(function () {
// MAKE SURE YOUR SELECTOR MATCHES SOMETHING IN YOUR HTML!!!
$('a[rel="tooltip"]').qtip({
content: {
text: 'Loading...',
ajax: {
url: 'http://qtip2.com/demos/data/owl',
loading: false
}
},
position: {
viewport: $(window)
},
style: 'qtip-wiki'
});
});