【问题标题】:Show/hide toggle wordpress doesn't work显示/隐藏切换 wordpress 不起作用
【发布时间】:2017-11-17 10:02:49
【问题描述】:

我正在尝试在 Wordpress 上的自定义 html 模块上设置显示/隐藏切换, 我尝试了一些不同的代码,它们都适用于 Fiddle,但没有人适用于 WP。 你有什么建议吗?这是我尝试过的代码之一。

jQuery(document).ready(function(){
jQuery('#hideshow').live('click', function(event) {        
     jQuery('#content').toggle('show');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id='content'>Hello World</div>
<input type='button' id='hideshow' value='hide/show'>

【问题讨论】:

  • 添加适当的 jQuery 库(即 1.7.1)后,您的代码开始正常工作。现在检查你的问题代码(现在运行它)。最新版本的jQuery 不支持live()。现在他们使用.on()
  • 你的 html 中导入了 JQuery 了吗?

标签: jquery wordpress


【解决方案1】:

我认为它的作品,所以试试吧

   $(document).ready(function(){
       $('body').on('click','#hideshow', function() {        
         $('#content').toggle('show');
       });
    });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-09-28
    • 2023-03-20
    相关资源
    最近更新 更多