问题标签 [letteringjs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 使用 JS 刻字不能处理输出文本
我正在尝试使用我在本教程中找到的字母工具来突出显示文本。
如果我在spans最初的文本之间放置文本，它将起作用：
<span class="npc_dialog_dictionary_chinese">this will work...</span>
如果我将鼠标放在跨度之间的“这将起作用”文本上，它可以正常工作......
但我想将其应用于使用 javascript 变量$('.npc_dialog_dictionary_chinese').html(dialog_text);更新时将生成的文本。spandialog_text
所以让我们说dialog_text当我按下一个键时用“一些文本”更新......然后html()上面的jquery函数更新span......这是我想要突出显示的生成文本。
我怎样才能让它工作？
谢谢！
jquery - 内联块元素上的断词
这似乎是一个奇怪的要求，但我需要设置单个字符的宽度，并让它们在流动段落中表现得像普通文本一样。这是一个例子：
除了丑陋之外，这很好，除了在包装时单词被分成两半。关于如何解决这个问题的任何想法？
如果将显示更改为“内联”，则换行会起作用，但不能为内联元素指定宽度。
使用字母间距而不是宽度可能就足够了，但我需要计算如下：
但同样，获得内联元素的实际宽度似乎很棘手。
事物的 html/text 方面不容易修改（例如，添加手动换行符和设置 css nowrap 等解决方案），它是由单独的服务发送的，因此它的任何处理都需要自动化。
注意：字体必须是Arial，所以不是等宽字体，需要支持IE8+
编辑：抱歉，它需要支持内部格式化标签，如 strong 或 em（更新示例）。这在 letteringjs 中通常不支持，所以我使用这个 fork 来防止这些标签被剥离：
https://github.com/maranomynet/Lettering.js/blob/master/jquery.lettering.js
javascript - Lettering.js 不工作
我第一次尝试使用 lettering.js，但我似乎无法弄清楚为什么它不起作用。我的目标是在页面右侧的照片下获取项目名称以使用此脚本。谁能看看并告诉我我做错了什么？
http://dnb.khcreativemedia.com/
谢谢你，克里丝
javascript - 我提供的 JavaScript 到底有什么问题？
我对 JavaScript 还很陌生，但之前有整体前端开发的经验。我试图让 JS 遍历提供的列表并在我的网站上显示结果。在移动到列表中的下一个之前，每个项目将显示一次。当它到达末尾时，最后一个项目将永久显示。我正在使用 Textillate JS 库。
我的代码有什么问题？
这是textillate 网站的 url ，如果它可以提供任何帮助。
javascript - 环绕一个圆圈的字母
我正在尝试将字母环绕 4 divs 的圆形边框。我已经想出了“如何”来实现这一点，但我无法理解如何定位我的字母以逆时针从上到下换行。下面是我的片段。我希望字母的顶部骑在底部两个divs 的内部边界上，字母的底部骑在顶部两个divs 的内部边界顶部。
php - 将 lettering.js 方法应用于使用 Wordpress bloginfo("name") 调用的标题
我在我正在开发的 WAMP 托管的 Wordpress 主题中加入了 Lettering.js。我很确定它正在注册，因为在我的 js init 中调用此函数不会引发错误：
但是，该类的文本并没有按照应有的方式分解成单词。我怀疑这与它的内容没有明确写在 HTML 中，而是由 Wordpress 的 bloginfo() 函数返回的事实有关，就像这样（来自 header.php）：
我在这里错过了什么吗？如果没有，解决这个问题最有效的方法是什么？我是否将标题解析为字符串数组，然后遍历数组以生成分解为 s 的链接文本？我对此犹豫不决，因为它增加了非语义复杂性并使 lettering.js 变得多余——这很遗憾，因为我也想使用它的字母样式功能。
我边走边学，所以如果这是一个新手错误，我深表歉意。在此先感谢您的帮助！
jquery - 为什么 Textillate 效果会删除粗体格式？
为什么 Textillate 效果会从h3我的投资组合中的标签中删除粗体格式，您如何解决它？https://codepen.io/Olliewe88/pen/pgmWor
javascript - Sage 主题 - JavaScript 未显示在
我无法让我的 JavaScript 库显示在我的<head>标签中。我正在使用 Sage Theme、Bower 来安装 JavaScript 库，并将gulp我的资产文件夹中的文件编译到我的dist文件夹中。
首先，我用 Bower 添加了一个库：
然后我gulp编译我的文件。在这一点上，一切似乎都工作正常。jquery.lettering.js进入我的文件dist/scripts夹。
bower.json：
清单.json：
但我的控制台中仍然出现错误：
该script src链接未显示在我的源代码中。我不知道我做错了什么，并且只用 Sage 制作了另一个网站，所以它对我来说仍然很新。
任何建议或过去的经验都非常有帮助！
javascript - 快速连续将鼠标悬停在元素上时，跨度元素上的事件侦听器卡住并且不重置 div
嘿，我是使用 fetch 和 JSON 的新手。
我正在使用 Lettering.js 将单词分成 span 元素以使它们可悬停并获取 span 元素的 innerHTML。
我有一个获取翻译、同义词和单词类型的获取函数。然后使用 .innerHTML 将这些应用到指定的 div。
我的问题是，当多个 span 元素快速连续悬停时，div 将堆叠所有结果而不重置，并且即使在 mouseout 期间也会继续，直到再次将鼠标悬停在 span 元素上。
我尝试在 mouseover 事件侦听器的开头添加一个重置到 div，并在 mouseout 事件侦听器上添加一个重置。
没有错误消息，并且 JSON 数据可以毫无问题地通过。慢慢读单词时效果很好。
jquery - 有没有办法在使用 Lettering.js 时省略单词之间的样式化空格？
我正在使用Lettering.js来格式化文本块，以便每个字母都单独加下划线（一种填空类型的东西）。但结果是单词之间的空格也会显示下划线。有没有办法省略空格上的下划线，而不必将每个空格包裹在一个跨度中并将下划线设置为样式？