• 点击隐藏或者显示指定内容
  • 点击隐藏或者显示指定内容-WP新手学园

    作为刚刚接触WordPress的新手来说,不了解JS或者JQ,这方面确实是比较难以去实现,但是如果你了解JS或者JQ,那么应该不是问题。

    我个人方面也是遵从不会就谷歌和百度,只有自己去搜索可能才会印象深刻一点。

    以下图为例,是一个群友询问的内容:
    点击隐藏或者显示指定内容-WP新手学园

    按照图片中的要求,实现的方法其实很简单:

    以下方代码为例:

    这里是通过onclick时间来触发JS函数实现点击出现,再次点击则隐藏的效果,那么对应的onclick绑定函数如下:

    上面的代码是最基本的方式,如果你还有额外的需求或者需要判断的内容就看你自己的需求进行添加了。

    上面的代码来自: https://www.w3schools.com/howto/howto_js_toggle_hide_show.asp ,有需要的朋友可以自行前往了解一下,看看效果。

    除了上面的方法,我们同样可以通过Toggle属性来进行处理,以下方代码为例:

    上方定义了两个内容,一个是DIV,对应的点击按钮,一个对应的是图片,对应的点击显示对象,通过JQ代码:

    同样可以实现点击一下显示,再点击一下隐藏的功能。

    WordPress的二次开发或者自定义修改是一个经验的过程,除了实现原理更多的是了解如何效率或者最优化的显示,共同进步。

    上面的代码如果你不会添加也不知道添加到哪里的话,可以查看下面的插件,了解一下:

  • Code Snippets:更容易地添加代码
  • WordPress作为一款开源博客程序,深受大家的喜爱,当然还有一个原因就是可以通过自定义代码来实现自己需要的功能和效果,但是很多新手对于怎么添加代码,哪里添加代码都是一脸懵逼,不过,在你了解了本插件之后所有问题都不再是问题。 今天介绍的插件名为:Code Snippets,一款可以自由添加代码的扩展,除了PHP代码,还可以添加CSS代码以及JS代码等等,同时,该插件也提供了生...
  • 1个月前评论(0)阅读(83)
  • 订阅站点了解最新技巧
  • 任何有用的技巧我们均将通过邮件告知你
  • 点击订阅
    高级设置
  • 0
    大惊
    0
    大笑
    0
    发呆
    0
    恶魔
    0
    流泪
    0
    调皮
    0
    笑出泪
    0
    犯困
    0
    坏笑
    0
    疑问
  • 版权声明:整理不易,如无特殊说明,文章内容均为本站原创,转载请注明出处
  • 本文标题:点击隐藏或者显示指定内容
  • 本文链接:https://www.wpxsxy.com/545.html [点击复制]
  • W*******
  • 2830776172
  • qweqw
  • qwe
  • 啥都没有,没啥好看的
    主页
    关注
    聊天
    获取图片真实尺寸大小的简单方法
  • 上一篇:
  • 获取图片真实尺寸大小的简单方法
  • WordPress上传图片自动添加webp格式文件
  • 下一篇:
  • WordPress上传图片自动添加webp格式文件
  • 相关推荐
    文章评论
    提交评论
    分类推荐