当使用jQuery添加类时，Hyphenator.js无法正常工作

Question

我目前正在研究连字符，由于Chrome和其他浏览器缺乏hyphens支持，我决定使用Hyphenator.js script。

这样可以正常运行，但有理由说，当我添加hyphenate类时，它会触发Hyphenator.js脚本，使用下面的jQuery：

$(function() {

$( "header.meta h1" ).addClass( "hyphenate" );

});

它将类添加到DOM但是以某种方式阻止了Hyphenator脚本完成其工作。我真的不知道为什么。如果我在Hyphonator脚本之前或之后放置我的jQuery代码并不重要。

任何人都知道为什么会这样？

Answer 1

这听起来像在jQuery中添加类后需要初始化连字符 - 在调用Hyphenator.run();后尝试调用.addClass( "hyphenate")

你也可以将它重构为一个函数来保存重复，例如：

function hyphenate (selector) {
    jQuery(selector).addClass( "hyphenate" );
    Hyphenator.run();
}