Javascript 忽略tooltipster中的属性/变量
我花了两天的时间试图弄明白为什么tooltipster(顺便说一句,它很棒)没有考虑javascript/head部分中声明的任何var。例如:Javascript 忽略tooltipster中的属性/变量,javascript,variables,attributes,tooltipster,Javascript,Variables,Attributes,Tooltipster,我花了两天的时间试图弄明白为什么tooltipster(顺便说一句,它很棒)没有考虑javascript/head部分中声明的任何var。例如: <script> $(document).ready(function() { $('.tooltip').tooltipster({ var data = 'toto'; contentAsHTML: true, animation: 'slide', delay:
<script>
$(document).ready(function() {
$('.tooltip').tooltipster({
var data = 'toto';
contentAsHTML: true,
animation: 'slide',
delay: 100,
content : $(data)
});
});
</script>
这是我的最终目标,但它也不起作用。我错过了什么?最可能的原因是
var data = 'toto';
contentAsHTML
,动画
,延迟
,内容
等都是可以接受的选项
但当它遇到
var数据='toto'代码>由于它不是tooltipster
可以接受的选项,因此它将通过一个错误执行。最可能的原因是
var data = 'toto';
contentAsHTML
,动画
,延迟
,内容
等都是可以接受的选项
但当它遇到var数据='toto'代码>它将通过一个错误,因为它不是tooltipster
可以接受的选项我已经快速演示了从原始元素设置工具提示内容的“正确”方法-在初始化时
这之前不起作用的原因是:
在传递给tooltipster
函数的JSON对象中声明变量data
——这对于JavaScript是无效语法
您的第二次尝试更接近,但在content
属性中使用this
是对“outside”this
范围的模糊引用-可能与您要查找的tooltipster实例或HTML节点无关
下面是修改后的代码,它应该满足您的要求:
$(document).ready(function() {
$('.tooltip').tooltipster({
contentAsHTML: true,
animation: 'slide',
delay: 100,
functionInit: function(instance, helper) {
var alt = $(helper.origin).attr('alt');
instance.content(alt);
}
});
});
我希望这会有所帮助:)我已经快速演示了从原始元素设置工具提示内容的“正确”方法—在初始化时
这之前不起作用的原因是:
在传递给tooltipster
函数的JSON对象中声明变量data
——这对于JavaScript是无效语法
您的第二次尝试更接近,但在content
属性中使用this
是对“outside”this
范围的模糊引用-可能与您要查找的tooltipster实例或HTML节点无关
下面是修改后的代码,它应该满足您的要求:
$(document).ready(function() {
$('.tooltip').tooltipster({
contentAsHTML: true,
animation: 'slide',
delay: 100,
functionInit: function(instance, helper) {
var alt = $(helper.origin).attr('alt');
instance.content(alt);
}
});
});
我希望这能有所帮助:)谢谢您快速而简洁的回复。但是,如何检索给定图像(如“alt”)的属性并将其传递给内容部分?其他主题和谷歌搜索表明var是唯一被接受的人?!我很困惑/例如:谢谢你快速而简洁的回答。但是,如何检索给定图像(如“alt”)的属性并将其传递给内容部分?其他主题和谷歌搜索表明var是唯一被接受的人?!我很困惑/例如: