Javascript 如何在Wordpress中使用添加的jQuery脚本？

我想在我的wordpress网站上使用ReadMorejQuery脚本。可以在上找到我要使用的脚本。我使用了几个stackExchange主题和以下教程。但我还是没有让它工作。我做了什么

在主题目录中创建了一个名为custom_js的文件夹。在这个文件夹中，我复制了名为readmore.js的脚本。 在位于主题目录的functions.php文件顶部添加了以下代码：

//this goes in functions.php near the top
function my_scripts_method() {
// register your script location, dependencies and version
wp_register_script('custom_script',
get_template_directory_uri() . '/custom_js/read_more.js',
array('jquery'),
'1.0' );
// enqueue the script
wp_enqueue_script('custom_script');
}
add_action('wp_enqueue_scripts', 'my_scripts_method');

readmore.js文件中的代码由以下代码包围：

;(function($) {
})(jQuery);

---

我是否以正确的方式实现了脚本？如果没有，那么我做错了什么？如果我以正确的方式实现了脚本，我该如何调用脚本以便在我的WordPress页面上有一个“阅读更多”按钮

除了如何包装readmore.js代码之外，一切看起来都很好。您需要像这样包装它：

jQuery(function ($) {
    /* You can safely use $ in this code block to reference jQuery */
    // readmorejs contents here.
});

相对于

;(function($) {
})(jQuery);

---

正如我从插件源代码中看到的，它适用于文章标签，所以请确保您的帖子被包装在该标签中

或者您可以将其从$article.readmore；到$'which article wrapper'.readmore；，例如$'div.post'.readmore

---

还要确保在jQuery之后加载脚本。

谢谢。我认为它是jQueryfunction$的同义词。我已经编辑了readmore.js文件，但是当我使用“$”Dit is de follow“.readmore；在我的wordpress中，编辑器仍然不起作用。如何实现JS脚本以使其在我的live wordpress站点上运行？有什么想法吗？$“Dit is de follow”应该是对包含长文本的元素的引用。因此，在你的模板中，你会有一个包含大量文本的块，你会称之为$'article'。readmore；它仍然不起作用。我已经用以下步骤回答了她的问题。“帮助”是wordpress的附件。虽然很简单，但我现在看到了readmore.js的代码，它最初是包装在您提到的那些标记中的，所以您只需将整个内容包装在我提到的函数中即可。@RobSchmuecker在这两个示例中，$变量都是对jQuery变量的安全引用。但是，您使用jQuerysomeFunction的示例是$document.readysomeFunction的同义词，这是它与原始代码的唯一区别：在您的示例中，函数执行延迟到页面加载事件，在他的例子中，这听起来更好，因为他不知道脚本被注入到哪里，所以只有当文章加载到DOM中时，代码才需要运行。@rob Schmuecker，好的，谢谢。我添加了一段由标记包围的文本。在这段文本之后，我添加了以下代码：jquery“这段文本应该显示”；不幸的是，它仍然不起作用。我做错了什么？以下是您应该如何使用它：$'article'。readmore{moreLink:，maxHeight:100}；外部wordpress按计划工作。@SjoerdPaardekooper 1。用早期版本修改原始的WP jQuery可能会在将来引起很多麻烦。2.Readmore插件使用jQuery版本1.8.3，所以我不建议您使用早期版本。3.你为什么不把你的脚本放在一个单独的文件里呢？我相信你将来会需要它的。