关于页面元素绑定jquery中的toggle后，元素隐藏的问题

最新推荐文章于 2018-11-03 22:00:39 发布
原创 最新推荐文章于 2018-11-03 22:00:39 发布 · 1.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #js

作者在使用jQuery 1.9及以上版本时遇到了元素绑定toggle方法后自动隐藏的问题，并找到了两种解决方案：一是更换为较低版本的jQuery；二是利用计数器实现类似效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

       到今天实习已经一个多月了，公司给我布置的任务很少，哎，感觉有点不爽啊。既然这样，那我还是有事情做的，写毕业设计。言归正传，我今天在写毕业设计的时候，在给一个元素绑定jquery的toggle方法之后奇迹发生了，绑定这个方法的元素全部隐藏了。开始的时候 我怎么也没想到是这里有问题，我找了半天才发现是因为绑定了toggle方法。可是为什么绑定这个方法之后元素会隐藏呢？
     其实具体原因我也不知道，我通过查找资料才得知，原来jquery在1.9版以后功能发生了变化，不在支持多个事件轮流切换了，搞了半天原来是版本的问题。因此解决办法有两个，目前想到的也就这两个办法：
    1、换个稍微低点的jquery版本
    2、如果你不想换低版本的jquery，那可以通过计数器来实现。意思就是在js中定义一个全局变量，来记录你要绑定点击事件的的元素被点击的次数，从而到达相同的效果。
  
   哎，居然遇到这样的问题，默哀。。。。。。

js 删除append标签添加的元素
内沐的博客
02-23 3万+
问题情境：通过append添加的元素（标签），每次执行这个js方法时，就会再次拼接，所以要进行判断，如果存在便删除。 这个问题本身并不复杂，但是我在写的时候短路了，$("#id") 我没有写引号，结果以为直接通过if($("#id") )判断是否存在不可行，于是便绕道而行，但虽费劲周折却也学到了很多知识，下面整理一下。 1，为了方便删除append添加的元素，应把要拼接的标签定义成一个jQue
解决jQuery元素绑定toggle事件后元素变成隐藏的问题
weixin_34255055的博客
06-16 246
2019独角兽企业重金招聘Python工程师标准>>> ...
toggle元素会隐藏
qq_210431387的博客
07-10 251
toggle在1.9后就只保留了显示隐藏事件 //代替toggle $.prototype["myToggle"] = function () { var args = arguments; var that = this; var i = 0; var n = args.length; this.click(function () { v...
toggleClass() 隐藏层
weixin_33922672的博客
06-11 150
toggleClass(class|fn[,sw]) toggleClass()：如果存在（不存在）就删除（添加）一个类。 <script src="../jquery-1.7.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function...
使用toggle()方法进行显示隐藏
weixin_33724059的博客
12-05 250
这是一个示例： 1 &lt;html&gt; 2 &lt;head&gt; 3 &lt;script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"&gt;&lt;/script&gt; 4 &lt;script type="text/
JQuery的toggle()方法把元素隐藏了的解决方案
柱哥的博客
07-20 7523
JQuery的toggle()方法把元素隐藏了的解决方案 JQuery的toggle（）本来是用来切换几种状态之间的变化的，但是我们在使用的时候，遇到了一种情况就是被绑定toggle()的元素被隐藏了，根本没有达到我们要的效果，本文将解释这种情况的原因。
页面元素绑定jquery toggle后元素隐藏的解决方法
10-26
在使用jQuery库时，开发者可能会遇到元素在绑定toggle方法后不显示的问题。这个问题在不同版本的jQuery中有着不同的表现和解决方法。我们首先需要了解jQuery的toggle方法的作用，然后分析为什么在新版本中会导致元素...
jQuery使用hide方法隐藏页面上指定元素的方法
10-24
jQuery是一个快速、小巧且功能丰富的JavaScript库。...在前端开发中，jQuery几乎成为了一个标准...它为我们提供了一种快速隐藏页面元素的方式，极大地增强了网页的交互性。希望本文所述对大家的jQuery程序设计有所帮助。
jQuery基于toggle实现click触发DIV的显示与隐藏问题分析
10-22
在本文中，我们将深入探讨使用jQuery中的toggle方法来实现点击事件控制DIV元素显示与隐藏的机制，并通过实例来分析实现过程中的相关技巧。jQuery作为一个广泛使用的JavaScript库，简化了HTML文档遍历、事件处理、...
jquery中toggle函数交替使用问题
10-24
jQuery的toggle()函数是用于切换元素的可见状态的。它主要使用show()或hide()函数来实现元素的显示和隐藏。然而在使用过程中，有时会出现一些问题，比如今天我们要探讨的toggle函数交替使用问题。 首先，我们需要...
toggle()方法进行显示隐藏交互事件
天螺蛳
12-05 513
$(document).ready(function(){ $(".btn1").click(function(){ $("p").toggle(); //toggle()方法进行显示隐藏交互事件，如果显示的就进行隐藏，如果是隐藏的就显示 }); $(".btn2").toggle(function(){ $(".div1").toggle();...
UGUI Toggle按钮监听事件的绑定方法
傻龙虾的博客
06-09 4592
Toggle按钮监听事件的绑定方法使用的是Toggle.onValueChanged.AddListener();使用Toggle按钮时出现 点击后运行两次函数的情况 很恶心 困扰了两天 今天总算弄明白了；这和Toggle组件的isOn值有关  toggle绑定事件后会实行该事件两次，一次是在isOn=true的时候即点击Toggle按钮时执行，第二次是在isOn=false就是点击Toggle ...
JQuery 添加元素appendf 后\prepend前，before 前\after 后，删除元素remove\empty
DN_XIAOXIAO的博客
11-03 3043
appendf 后\prepend前  VS before 前\after 后 区别 元素内前后追加                      元素外前后插入 remove    vs    empty 整 体元素删除          删除元素的子元素 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="ut...
13.使用toggle()方法绑定多个函数
weixin_33909059的博客
03-11 233
toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下： $(selector).toggle(fun1(),fun2(),funN(),...) 其中，fun1，fun2就是多个函数的名称 例如，使用toggle()方法，当每次点击<div>元素时，显示不同内容，如下图所示： 在浏览器...
jQuery toggle()显示与隐藏文本内容
刘远的编程技术博客
07-10 1541
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;&lt;/title&
jQuery基础（动画篇 animate，显示隐藏，淡入淡出，下拉切换）
weixin_30681121的博客
05-13 1610
1.jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数： .hide( options )当提供hi...
利用Jquery实现页面左侧区域的隐藏与展开功能
在本知识点中，我们了解了jQuery的基本概念、选择器、方法、事件绑定以及如何使用`.toggle()`方法实现页面元素的隐藏与显示切换功能。在实际开发中，合理运用jQuery不仅能够提高开发效率，还能够优化用户的交互体验...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值