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

Jquery显示/隐藏不起作用
EN

Stack Overflow用户
提问于 2010-02-24 05:14:04
回答 6查看 23.2K关注 0票数 2

我有这个jquery脚本,它假设根据单击的超链接隐藏/显示div元素。我不知道为什么,但它根本不起作用。下面是我的代码的例外。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function hide_current_commoncontainer(commoncontainer){
   $(commoncontainer).each(function(){
 if(this.is(":visible")){this.hide();} 
 });
}

function init(){
$("#compose_link").bind("click",function(){
 hide_current_commoncontainer(".pmcommoncontainer");
 ("#composer").show();  
 return false;
 }
);

if(Drupal.jsEnabled){  
 $(document).ready(init);
} 

我已经找出了原因,发现是显示/隐藏功能不起作用。rest --函数调用--是正常的。有人能告诉我我哪里做错了吗?我应该在哪里修改我的代码,以便按照我想要的方式隐藏/显示div元素。

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2010-02-24 05:18:05

("#composer").show();this之前,你错过了$

不应该是$("#composer").show();$(this)吗?此外,请确保您已经引入了show/hide的定义

票数 5
EN

Stack Overflow用户

发布于 2010-02-24 19:07:26

好了,我发现了$("#composer").show()不起作用的原因。这是因为我将这些div的可见性样式硬编码为“隐藏”,而jquery的"show“方法无法逆转这一点。奇怪的是,与"show“方法相反,"hide”可以毫无问题地还原硬编码的“可见”样式。因此,要想按照预期隐藏/显示元素,我必须使用隐藏/显示方法组合而不使用可见性样式硬编码,或者使用jquery的css方法并根据需要设置可见性样式。

票数 10
EN

Stack Overflow用户

发布于 2010-02-24 05:25:00

我建议你做像这样的事情

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(function() {
    $('#compose_link').click(function(e) { 
        $('.pmcommoncontainer').children(':visible').hide();
        $('#composer').show();
        e.preventDefault();
    });
});

这将显示id为composer的元素,并在id为compose_link的元素被单击时隐藏类pmcommoncontainer的所有可见子元素。

我认为这就是您想要做的--不需要迭代,因为jQuery使用sets :)。

编辑

看起来你也想要停止点击或发布-通过事件,你可以使用preventDefault()函数来停止该行为。

票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2323833

复制
相关文章
【jQuery动画】显示与隐藏效果
在网页开发中,适当地使用动画可以使页面更加美观,进而增强用户体验。jQuery中内置了一系列方法用于实现动画,当这些方法不能满足实际要求时,用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~
颜颜yan_
2022/12/01
6.7K0
【jQuery动画】显示与隐藏效果
JQuery 隐藏和显示html元素
$(function(){ $("#bubmitBtn").click(function(){ //首先需要把提示标签全部隐藏掉 $("#nameInvalid").hide(); $("#emailInvalid").hide(); $("#pwdInvalid1").hide(); $("#pwdInvalid2").hide(); //检查用户名: 长度为6到12位, 只能输入数字和英文和下划线 //alert("--"); var $nameEle = $("#UcenterMember_account"); var reg = /^\w{6,12}$/; if(!reg.test($nameEle.val())) { $("#nameInvalid").text(" *用户名长度为6到12位, 只能输入数字和英文和下划线"); $("#nameInvalid").show(); //alert("用户名长度为6到12位, 只能输入数字和英文和下划线"); $nameEle[0].focus(); return false; } //邮箱格式必须正确, 可以不输入 var $emailEle = $("#UcenterMember_email"); reg = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if($emailEle.val()!="" && !reg.test($emailEle.val())) { $emailEle[0].focus(); $("#emailInvalid").text(" *邮箱格式不正确!"); $("#emailInvalid").show(); //alert("邮箱格式不正确!"); return false; } //检查密码: 长度为6位, 只能输入数字和英文 var $passwordEle = $("#UcenterMember_password1"); reg = /^[a-zA-Z0-9]{6,15}$/; if(!reg.test($passwordEle.val())) { $("#pwdInvalid1").text(" *密码的最低长度为6位, 只能输入数字和英文"); $("#pwdInvalid1").show(); //alert("密码的长度为6位, 只能输入数字和英文"); $passwordEle[0].focus(); return false; } //确认密码必须与密码相同 var $password2Ele= $("#UcenterMember_password2"); if($password2Ele.val()!=$passwordEle.val()) { $password2Ele[0].focus(); $("#pwdInvalid2").text(" *确认密码必须与密码相同"); $("#pwdInvalid2").show(); //alert("确认密码必须与密码相同"); } return true; }); });
wust小吴
2019/07/05
9.3K0
jQuery地址显示隐藏和切换
上述示例中,我们创建了一个包含地址信息和切换按钮的容器。地址信息使用<p>元素进行展示,切换按钮使用<button>元素,并为其添加一个自定义的类名toggle-btn。
堕落飞鸟
2023/05/18
3.3K0
jquery 默认隐藏div,点击按钮显示,再次点击隐藏
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/106383.html原文链接:https://javaforall.cn
全栈程序员站长
2022/06/30
8.9K0
[CSS]JQuery 操作CSS使DIV显示或者隐藏
在某些需求中,你需要点击按钮显示某个div,并隐藏已经显示的按钮。同时点击另外一个按钮,又会隐藏已经显示的,并显示已经影藏的。当然当你使用mvvm框架(vue,react之类的)的框架的时候是不存在这些问题的。显然,当你翻到我这个博客的时候是没有用vue之类的,因此,你只要看我下面的代码就好了
用户2353021
2020/05/11
4.1K0
jQuery二级菜单的显示隐藏
在jQuery中创建二级菜单的显示和隐藏可以通过使用事件处理函数和CSS样式来实现。
堕落飞鸟
2023/05/18
3.3K0
Jquery DataTable 的学习之隐藏和显示列(三)
在大数据量的前提下,会出现列很多的情况,浏览器会呈现出滚动条,但是用户需要看到的并不一定是所有的信息,那么就需要对表格的数据进行筛选,在前面的文章中介绍到了搜索和排序,这都是对数据的筛选功能,但是列数过多会导致用户查看数据非常麻烦。如果可以将不想看到的列隐藏掉就可以了,下面来看一下代码。
OECOM
2020/07/01
3K0
显示隐藏切换同时变化文字jquery与js实现
(adsbygoogle = window.adsbygoogle || []).push({});
tianyawhl
2019/04/04
7.6K0
jQuery框架实现元素显示及隐藏动画【附案例分析】
我之前也和小伙伴们讲过使用jQuery框架可以很好的对html中元素的属性等进行操作,所以上面显示和隐藏的也只是一个div,而并不是一个图片。下面我就来和小伙伴们讲一个如何对元素的属性进行操作,使其显示或者隐藏!
灰小猿
2021/09/14
6.4K0
jQuery框架实现元素显示及隐藏动画【附案例分析】
Vue 中使用 JQuery 插件不起作用
有时候在 vue 的代码中使用 jQuery 会不起作用,这是因为 vue 还没有绑定变量,所以我们使用的 jQuery 根本就找不到目标变量,就不会执行,正确的做法是先设置一个时延,稍微等一等 vue 的加载。
wsuo
2020/10/26
2.3K0
jquery中隐藏操作
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>myFirstJquery.html</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // $(document).ready(function(){ //
闵开慧
2018/03/30
1.3K0
js显示隐藏 display visibility以及jquery里的show hide的区别
display和visibility都是css样式,而show hide则是jquery的方法
坚毅的小解同志的前端社区
2022/11/28
5.5K0
js显示隐藏 display visibility以及jquery里的show hide的区别
隐藏菜单显示
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>CodePen - Menu Button Interaction</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="./
拿我格子衫来
2022/01/24
3K0
隐藏菜单显示
Android 隐藏显示键盘
版权声明:本文为博主原创文章,转载请标明出处。 https://blog.csdn.net/lyhhj/article/details/49105161
Hankkin
2018/09/06
1.9K0
JS 控制隐藏显示
比较简单的实现.style.display就是控制层隐藏或显示的属性. <html> <body> <script> function show(){ document.getElementById("div").style.display=""; //alert(document.getElementById("div").style.display) } function hidden(){ document.getElementById("div").style.display="none"; //a
问天丶天问
2018/06/13
20.7K0
Mac显示隐藏文件
打开一个Terminal终端窗口 defaults write com.apple.finder AppleShowAllFiles TRUE 重启Finder killall Finder 恢复隐藏设置 defaults write com.apple.finder AppleShowAllFiles FALSE 重启Finder killall Finder
如梦初醒_-
2022/10/26
4.1K0
【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )
设置 display: block 可以显示元素 , 同时该样式还可以将元素转为块元素 ;
韩曙亮
2023/04/16
5.5K0
【CSS】元素显示与隐藏 ( display 隐藏对象 | visibility 隐藏对象 | overflow 隐藏对象 )
[1097]DIV的显示与隐藏
*********************div的显示和隐藏************************************
周小董
2022/04/13
5.2K0
jQuery Mobile(jqm)按钮的隐藏和显示,包括a标签,圆角和非圆角按钮
在移动互联网时代,HTML5开发越来越收到欢迎。于是各种HTML5的框架都出来了。由于对于jquery的熟悉,jquery mobile 为多数人选择学习的对象。我也是众多追求者之一。最近一直在开发jQuery Mobile的相关应用。并颇有心得,再这里和大家一起分享一下。 好了,我们之间上代码:
业余草
2019/01/21
3.5K0
jQuery Mobile(jqm)按钮的隐藏和显示,包括a标签,圆角和非圆角按钮
点击加载更多

相似问题

jQuery显示/隐藏不起作用

10

jQuery显示/隐藏不起作用

39

jQuery显示/隐藏不起作用

51

Jquery显示隐藏不起作用

20

JQuery -显示/隐藏不起作用

41
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

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