Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 忽略tooltipster中的属性/变量_Javascript_Variables_Attributes_Tooltipster - Fatal编程技术网

Javascript 忽略tooltipster中的属性/变量

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:

我花了两天的时间试图弄明白为什么tooltipster(顺便说一句,它很棒)没有考虑javascript/head部分中声明的任何var。例如:

<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是唯一被接受的人?!我很困惑/例如: