首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >jquery隐藏和css显示无不起作用

jquery隐藏和css显示无不起作用
EN

Stack Overflow用户
提问于 2019-06-10 02:25:57
回答 1查看 31关注 0票数 0

我想用jQuery隐藏一个容器div,我试图添加一些代码,但不起作用,有人告诉我如何解决这个问题吗?

url是:http://35.201.250.64在mobi版本中,我想单击.tatx类,id #sidr hide,我使用以下代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).ready(function() {
        $(".tatx").click(function() {
            $("#sidr").css("display", "none!important");
                       //$("sidr").css("display", "none");
                       //$("#sidr").hide();
        });
    });

我也想在外面点击,id sidr hide也是,我尝试了这个代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).mouseup(function(e){
    var container = $("#sidr");
    if(!container.is(e.target) && container.has(e.target).length === 0){
      container.hide(500);
    }
  });
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-06-10 02:33:27

这个怎么样?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(document).ready(function() {
   $(".tatx").on('click', function() {
      $("#sidr").toggle();
   });
});

or

$(document).ready(function() {
   $(this).on('click', '.tatx', function() {
      $('#sidr').toggle();
   });
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56519849

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文