Javascript 使用mark.js高亮显示仅适用于1-3个字母

我试图在一个页面上实现，但它不能正常工作。因此，我设置了一个非常基本的页面，并从中提取了所有代码，但是它一次只会突出显示特定的1-3个字母，这取决于我输入的内容。有人能确切地看出我做错了什么吗？我的页面是

代码：

$（函数（）{
//输入字段
var$input=$（“input[type='search']），
//清除按钮
$clearBtn=$（“按钮[data search='clear']），
//上一个按钮
$prevBtn=$（“按钮[data search='prev']），
//下一个按钮
$nextBtn=$（“按钮[data search='next']），
//要搜索的上下文
$content=$（“.content”），
//用于保存元素的jQuery对象
$results，
//将附加到当前对象的类
//聚焦元件
currentClass=“当前”，
//跳转的顶部偏移（搜索栏）
偏移量=50，
//聚焦元素的当前索引
currentIndex=0；
/**
*跳转到与currentIndex匹配的元素
*/
函数jumpTo（）{
如果（$results.length）{
var位置，
$current=$results.eq（currentIndex）；
$results.removeClass（currentClass）；
如果（$current.length）{
$current.addClass（currentClass）；
位置=$current.offset（）.top-offsetTop；
滚动到（0，位置）；
}
}
}
/**
*在中搜索输入的关键字
*输入时指定的上下文
*/
$input.on（“输入”，函数（）{
var searchVal=this.value；
$content.unmark({
完成：函数（）{
$content.mark（searchVal{
separateWordSearch：对，
完成：函数（）{
$results=$content.find（“标记”）；
currentIndex=0；
跳到（）；
}
});
}
});
});
/**
*清除搜索
*/
$clearBtn.on（“单击”，函数（）{
$content.unmark（）；
$input.val（“”.focus（）；
});
/**
*下一个和上一个搜索跳转到
*/
$nextBtn.add（$prevBtn）.on（“单击”，函数（））{
如果（$results.length）{
currentIndex+=$（this）.is（$prevBtn）？-1:1；
如果（当前索引<0）{
currentIndex=$results.length-1；
}
如果（当前索引>$results.length-1）{
currentIndex=0；
}
跳到（）；
}
});
});

这最终成为一个编码问题。添加：

<meta charset="UTF-8">

---

解决了问题。

我无法解释原因，但代码在另一个站点上运行。我从托管的

jquery

和

jquery.mark

文件复制了您的整个源代码，甚至链接到了这些文件。它的工作原理应该是……哇，真的吗？这很奇怪。六羟甲基三聚氰胺六甲醚

<meta charset="UTF-8">