Javascript非常简单:'阅读更多''显示较少'应用于Wordpress的功能
Javascript very simple: 'Read more'...' Show Less' Functionality to be applied to Wordpress?
我来这里是作为最后的手段,我希望这将是一个快速简单的解决方案。
我一直在玩一些Javascript来创建一个"阅读更多…"&'。。。在同一页的6个不同部分上显示"少读"功能。
我有正文,我只想显示的第一行。其余内容将在单击"阅读更多…"时显示
下面的代码片段显示代码本身正在工作,但是我在尝试将其实际应用于我的网站/主题时遇到了很多困难。任何将其应用于functions.php文件的尝试。
$(".more").toggle(function () {
$(this).text("less..").siblings(".complete").show();
}, function () {
$(this).text("more..").siblings(".complete").hide();
});
.complete {
display:none;
}
.more {
color:navy;
cursor:pointer;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<span class="teaser">text goes here</span>
<span class="complete"> this is the
complete text being shown</span>
<span class="more">more...</span>
我遇到的问题是,每次我试图将其应用于我的functions.php时,都会产生一个错误,导致我的整个网站瘫痪。
有人知道我做错了什么吗?或者,将其应用于wordpress主题的最佳方式是什么?
我使用的主题是现代化。
这方面的任何帮助都将是非常棒的。
非常感谢。
尝试将上述片段添加到位于assets文件夹中的js中,然后在functions.php文件中使用wp_register_script()
、wp_enqueue_script()
和add_action()
函数添加对此文件的引用
function my_enqueued_scripts()
{
global $post;
// Register file that contains your js
wp_register_script('myscript', get_template_directory_uri() . '/assets /js/myscript.js');
if (isset($post)) {
//load it when needed depending on the page -template-home.php
if (is_page_template('template-home.php')) {
wp_enqueue_script('myscript');
}
}
}
然后调用您的函数
add_action('wp_enqueue_scripts', 'my_enqueued_scripts', 10);
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- 如何将返回的值应用于多个不同位置的多个选择器
- ThreeJS将画布中的文本渲染为纹理,然后应用于平面
- 如何使jQuery中的悬停函数单独应用于数据库映像
- 如何将jquery函数仅应用于大屏幕
- 将jQuery事件应用于所有类元素
- 在将绑定应用于控制器之后,是否会发出Angular$scope事件
- 如何在ExtJs中获得将应用于给定类列表的样式
- 将 CSS 应用于禁用的输入按钮
- 如何从应用于正文的css中排除特定的表单
- jQuery+Android.将功能(Touchstart、touchmove)应用于实时加载的内容
- 动画功能不应用于每个元素
- 如何将相同的功能应用于两个按钮
- 选项卡分组和选项卡着色:如何将此功能应用于从我的网页打开的选项卡,而不考虑浏览器
- 难倒了将功能应用于所有 li 项目
- 将功能分别应用于所有项目
- 将功能应用于所选文本
- 如何将功能应用于页面上的每个复选框
- 如何使DIV振动或嗡嗡作响?(类似于iOS的移动/删除应用程序功能)
- 如何将对焦功能应用于所有“输入”对象