Javascript 如何使用Fontselect jQuery插件以编程方式选择字体？

我使用的是Fontselect jQuery插件，它工作得很好，但是我想在代码中随时以编程方式从下拉列表中选择字体。它看起来像是在使用一个原型函数，但我似乎无法正确访问它并调用它的函数

---

该插件位于此处：

因为没有从插件中选择字体的方法解决该问题的方法是基于模拟点击和鼠标事件

函数选择FontAndApplyToele（fontName，回调）{
$（'div.font-select'）.find（'.fs results li'）.removeClass（'active'）；
var dropEle=$（'div.font-select'）.find（'fs-drop'）；
var fontToSelect=$（'div.font-select'）.find（'.fs results li:contains（'+fontName+'））；
dropEle.addClass（'fs-drop-op'）；
var posFont=fontToSelect.offset（）.top
var posFontOffset=$（'div.font-select'）.find（'.fs results li:first'）.offset（）.top
$（'div.font-select'）.find（'.fs results'）.scrollTop（posFont-posFontOffset）；
fontToSelect.addClass（'active'）。触发器（'click'）；
setTimeout（函数（）{
$（'div.font-选择一个div'）。触发器（'click'）；
dropEle.removeClass（'fs-drop-op'）；
回调和回调（fontToSelect.data（'value'）.replace（/\+/g'，）；
}, 500);
}
$（函数（）{
//
//初始化fontselect插件
//
$（'input.fonts'）.fontselect({
样式：“字体选择”，
占位符：“选择字体”，
展望：2
}).on（‘变更’，功能（e）{
var fontFamily=$（this.val（）.replace（/\+/g'）；
$（'p'）.css（'font-family'，fontfmily）；
});
选择FontAndApplyToele（'Anton'，函数（fontFamily）{
$（'p'）.css（'font-family'，fontfmily）；
setTimeout（函数（）{
选择FontAndApplyToele（'Anonymous Pro'，函数（fontFamily）{
$（'p'）.css（'font-family'，fontfmily）；
});
}, 1000);
});
});
.fs下拉操作{
不透明度：0；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。
自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，
当一个不知名的印刷商拿着一个铅字厨房，把它拼凑成一个铅字
样本书。它不仅存活了五个世纪，而且还跨越了
电子排版，基本保持不变。它被大众化了
20世纪60年代，随着包含Lorem Ipsum的Letraset表的发布
段落，以及最近使用的桌面发布软件，如Aldus
PageMaker包括Lorem Ipsum的版本。
如果我没有弄错的话，这看起来像是如何在某个元素中选择字体，但我想从Fontselect插件下拉列表中选择字体，而不单击它。比如说，如果我点击一个文本框，文本以某种字体书写，字体名称将自动显示在下拉列表中。谢谢。替代解决方案是否应该实际更改下拉列表中的字体？这个解决方案几乎可以工作，但它给我带来了点击事件的问题。不要调用哪个函数？我找到了一种不调用click函数的方法，通过设置一个布尔值，然后在setTimeOut完成时将bool设置回false，我使用click函数将文本设置为所选字体。无论如何，selectFont函数会导致显示错误字体的问题。我可以看到选择了多个项目，但正确的名称不会显示为所选项目。@答案已更新。我添加了一个回调函数和一个演示，其中有两个连续的字体更改。拉我know@VagueExplanation代码段已更新。您可以在中更改回调调用：callback&&callback（fontToSelect.data（'value'）.replace（/\+/g'）；为了避免未定义。如果未传递参数，则会发生这种情况。