我正在使用qTip 2我想要课程ui-tooltip-dark ui-tooltip-shadow
,但它不会显示该课程。我有这段代码:
$('.selector').qtip({
content: {
text: function(api) {
// Retrieve content from custom attribute of the $('.selector') elements.
return $(this).attr('qtip-content');
}
},
title: {
text: function(api) {
// Retrieve content from ALT attribute of the $('.selector') element
return $(this).attr('alt');
}
},
style: {
classes: 'ui-tooltip-dark ui-tooltip-shadow';
}
});
但是,当我把他们网站上的代码放在其中时,
请你告诉我我哪里错了?
修改
<script type="text/javascript" class="example">
$(document).ready(function()
{
$('.selector').qtip({
content: {
text: function(api) {
// Retrieve content from custom attribute of the $('.selector') elements.
return $(this).attr('qtip-content');
}
},
title: {
text: function(api) {
// Retrieve content from ALT attribute of the $('.selector') element
return $(this).attr('alt');
}
},
style: {
classes: 'ui-tooltip-dark ui-tooltip-shadow';
}
});
});
</script>
答案 0 :(得分:1)
你发布的内容可能只是一个错字,但你在内容部分缺少一个大括号 -
$('.selector').qtip({
content: {
text: function(api) {
// Retrieve content from custom attribute of the $('.selector') elements.
return $(this).attr('qtip-content');
}
},
title: {
text: function(api) {
// Retrieve content from ALT attribute of the $('.selector') element
return $(this).attr('alt');
}
},
style: {
classes: 'ui-tooltip-dark ui-tooltip-shadow';
}
});
修改强>
试试这个 -
$(document).ready(function()
{
$('.selector').qtip({
content: {
text: function(api) {
// Retrieve content from custom attribute of the $('.selector') elements.
return $(this).attr('qtip-content');
},
title: {
text: function(api) {
// Retrieve content from ALT attribute of the $('.selector') element
return $(this).attr('alt');
}
}
},
style: {
classes: 'ui-tooltip-dark ui-tooltip-shadow'
}
});
});
你应该能够看到它在这里工作 - http://jsfiddle.net/KaJ9q/