jquery 切换切换两次

标签 jquery

我有一个 div 元素,其中包含一些其他 ID 为 #popup_inner_wrapper 的 div。

当我在chrome中使用JS控制台时:

$('#popup_inner_wrapper').toggle("fast");

它隐藏了 div,但随后又显示了它。

如果我在页面加载时使用 css 隐藏 div,然后从控制台切换它,div 将显示。如果我随后从控制台再次切换,它将隐藏并通过一个操作再次显示。

什么可能导致此行为?

编辑:

HTML 类似于下面的代码。为了回应它是一个双重绑定(bind)问题:没有任何事件绑定(bind)在任何地方:我正在从控制台调用切换并看到“触发两次行为”...

<div class="popup_outer_wrapper">
   <a href="#" id="toggle_link">Show/hide</a>  # nothing is bound to this link atm!
   <div id="popup_inner_wrapper">
     <div class="popup_body">
       contents..
     </div>
   </div>
</div>

更新:

看来我可能遇到了与此处描述的相同的问题:JQuery Toggle not working as it should 。问题是其中一些 div 是绝对定位的。由于某种原因 .toggle() 不适用于绝对定位的 div。

谁能确认一下吗?

最佳答案

看来我可能遇到了与此处描述的相同的问题:JQuery Toggle not working as it should 。问题是其中一些 div 是绝对定位的。由于某种原因 .toggle() 不适用于绝对定位的 div。

关于jquery 切换切换两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7972738/

相关文章:

javascript - 在页面加载时获取 div 属性值

javascript - 两个流程调用Ajax方法,其中一个在最后需要额外处理

javascript - 忽略 "enter"键并在文本输入中将焦点移动到 5 个字符后

jQuery 根据动态 Angular 调整图像大小以按比例适应 div 的宽度和高度

javascript - 将函数传递给 javascript 类

javascript - 多个选项卡在同一页面上不起作用

javascript - 如何计算 HTML 表格中的行数?

javascript - Bootstrap 模态问题(无法显示第二个模态)

javascript - JQuery 验证表单但不是 `submit` 按钮

javascript - JQuery 未传递 SELECT 表单参数