我正在将js添加到Wordpress条目中，但没有看到预期的结果

I'm adding a js to a Wordpress entry and am not seeing the expected results

本文关键字：结果 js 添加 Wordpress      更新时间：2023-09-26

我正在尝试创建一些代码，这些代码将在wordpress条目中使用javascript时随机更改特定单词。这是我在wordpress条目中的内容：

<p>What about a BMW or a <span id="carbrands"> Ford</span>?</p>
<script type="text/javascript" src="http://www.artifacting.com/blog/wp-content/uploads/2016/03/wordchanger.js"></script>

这是我用来更改上述条目中的"福特"一词的 js 代码

<script type="text/javascript">// <![CDATA[
var changeWord = function () {
  var words = ['Toyota','Nissan','Kia','Seat','Maybach','Rolls Royce','Fiat','Chrysler','Land Rover','Bentley','Jaguar','McLaren','Vauxhall'];
    var word = words[Math.floor(Math.random() * words.length)]
    $("#carbrands").fadeOut(function() {
        $(this).text(word)
        }).fadeIn();
}
window.setInterval(changeWord, 3000)
var changeWord2 = function () {
  var words = ['appendages','extenders','peripherals','legs','grippers','flaps'];
    var word = words[Math.floor(Math.random() * words.length)];
    $("#wings").fadeOut(function() {
        $(this).text(word)
        }).fadeIn();
}
window.setInterval(changeWord2, 5000)
// ]]></script>

出于某种原因，这不会导致我的wordpress条目上的单词随机更改。谁能给我一些建议为什么？

要修复Uncaught TypeError: $ is not a function：确保在添加jQuery后插入脚本。为了获得最佳效果，请将脚本添加到页面底部。

您还应该等待页面完全加载。像这样包装你的代码：

(function ($) {
    $(document).ready(function () {
        // your code...
    });
})(jQuery);

如果已添加所有必需的分号，但脚本仍然不起作用。我建议你注释掉所有花哨的淡入淡出部分，并测试代码的逻辑。您还可以使用 console.log（） 来协助调试。

相关文章：