Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/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 FitText插件仅调整第一个元素的大小_Javascript_Jquery_Plugins - Fatal编程技术网

Javascript FitText插件仅调整第一个元素的大小

Javascript FitText插件仅调整第一个元素的大小,javascript,jquery,plugins,Javascript,Jquery,Plugins,我正在使用fitText分别调整我网站中两个h1元素和一个p的大小。仅调整文档加载后的第一个元素和window.resize后的第一个元素的大小 控制台中出现错误: “未捕获的TypeError:Object[Object Object]没有“on”方法,来自第37行或fitText.js: $(window).on('resize.fittext orientationchange.fittext', resizer); 我从经验中知道,这意味着当连续调用fitText()时,窗口对象对插件

我正在使用fitText分别调整我网站中两个h1元素和一个p的大小。仅调整文档加载后的第一个元素和window.resize后的第一个元素的大小

控制台中出现错误: “未捕获的TypeError:Object[Object Object]没有“on”方法,来自第37行或fitText.js:

$(window).on('resize.fittext orientationchange.fittext', resizer);
我从经验中知道,这意味着当连续调用fitText()时,窗口对象对插件不可用

你自己去看看吧 我正在使用gitHub中的fitText example.html;地雷几乎完全匹配,但在初始载荷下断裂:

$( window ).load(function() {
    //this first line runs
    $("#webBeast").fitText(0.65);
    //both consecutive calls to .fitText() throw a console error
    $("#razorsEdge").fitText(0.65);
    $("#l2").fitText();
    ...
}

$( window ).resize(function() {
    //this resizes the razorsEdge element
    $("#razorsEdge").fitText(0.65);
    //these lines do not resize
    //even though #webBeast was the element that initially resized
    $("#webBeast").fitText(0.65);
    $("#l2").fitText();
});

请随意直接从网站上查看我的代码,同样的

有效的方法是注释插件中的行:

$(窗口).on('resize.fittext-orientationchange.fittext',resizer)

这是一个错误。 让我印象深刻的是,此行的目的是在调整窗口大小时调用resizer函数。。。但是,在我的例子中没有必要这样做,因为我正在侦听resize事件并手动调用每个元素上的fitText fn

有趣?当然我真的回答了这个问题吗?不完全是。我还是希望我知道为什么它不起作用