Jquery 第二次单击自定义工具提示时绝对位置范围消失

Jquery 第二次单击自定义工具提示时绝对位置范围消失,jquery,css,tooltip,css-position,siblings,Jquery,Css,Tooltip,Css Position,Siblings,检查代码 在中,单击“删除”打开每个div.popup,但再次单击打开的div.popup会使span.tip消失。如果不刷新页面,它将不再显示 $(".popup").slideUp(); 我发现问题是由于这个代码。我正在使用此代码隐藏所有其他打开的。单击任何删除锚点时弹出。我不熟悉jQuery。任何人都可以建议一种替代方法来隐藏div.popup兄弟姐妹,单击任意一个 谢谢 添加停止(真,真) 添加停止(真,真) 问题在于,在滑动切换期间,jQuery将弹出元素更改为“overflow-x

检查代码

在中,单击“删除”打开每个
div.popup
,但再次单击打开的
div.popup
会使
span.tip
消失。如果不刷新页面,它将不再显示

$(".popup").slideUp();
我发现问题是由于这个代码。我正在使用此代码隐藏所有其他打开的
。单击任何删除锚点时弹出
。我不熟悉jQuery。任何人都可以建议一种替代方法来隐藏
div.popup
兄弟姐妹,单击任意一个

谢谢

添加停止(真,真)

添加停止(真,真)


问题在于,在滑动切换期间,jQuery将弹出元素更改为“overflow-x:hidden”,因此边界之外的tip元素保持隐藏状态。我对JSFIDLE做了一个更新,使其包含popup div中的tip元素。动画看起来有点不同,但我相信只要稍加修饰,就可以让它看起来像以前一样。(我将提示更改为蓝色背景,使其更可见)

我变了

  • 弹出div top从“20px”到“15px”
  • tip div顶部从“-5px”到“0px”
  • 使btn元素相对定位
  • 通过将顶部设置为“5px”向下移动btn元素
  • 将背景颜色样式从整个弹出div移到了btn

实际上,我只是将弹出div变大,将其向上移动并将提示移动到其内部。

问题是,在滑动切换期间,jQuery将弹出元素更改为“overflow-x:hidden”,因此超出边界的提示元素保持隐藏。我对JSFIDLE做了一个更新,使其包含popup div中的tip元素。动画看起来有点不同,但我相信只要稍加修饰,就可以让它看起来像以前一样。(我将提示更改为蓝色背景,使其更可见)

我变了

  • 弹出div top从“20px”到“15px”
  • tip div顶部从“-5px”到“0px”
  • 使btn元素相对定位
  • 通过将顶部设置为“5px”向下移动btn元素
  • 将背景颜色样式从整个弹出div移到了btn

实际上,我只是将弹出div放大,将其向上移动,并将其内部的提示移动。

我认为一个工作示例是一个更好的选择。我会复制相同的。我可以看到问题,但我不知道为什么会发生。第一次单击时,动画(一如既往)直接发生在弹出元素的属性中,反映在Firebug的“样式”属性中。然后在动画结束时清除它们。第二次单击时,会发生相同的情况,但不会清除,并且剩余样式会干扰尖端的定位方式。我没有解决办法,但也许这会对某人有所帮助。是的,再次补充。我无意中批准了它。我认为一个有效的例子是一个更好的选择。我会复制相同的。我可以看到问题,但我不知道为什么会发生。第一次单击时,动画(一如既往)直接发生在弹出元素的属性中,反映在Firebug的“样式”属性中。然后在动画结束时清除它们。第二次单击时,会发生相同的情况,但不会清除,并且剩余样式会干扰尖端的定位方式。我没有解决办法,但也许这会对某人有所帮助。是的,再次补充。我无意中批准了它。唉,这并不能解决问题。当您显示删除弹出窗口时,.tip仍然不会返回。仍然相同。在同一链接上第一次单击后第二次单击时,弹出窗口将隐藏,如果再次打开,则不会显示提示。您使用的浏览器是什么?这对我来说很好/试着将
$(“.popup”)
更改为
$(“.popup:visible”)
Adam,如果不清楚,右边出现的是红色的东西。它有一个指向原点行的小尖端(在镀铬中,它只是方形的)。单击左侧的“删除”按钮,红色的东西会显示,并带有提示。再次单击相同的按钮将其隐藏。再次单击相同的按钮,红色框出现,但没有提示。Win7上的Chrome,顺便说一句,这并不能解决问题。当您显示删除弹出窗口时,.tip仍然不会返回。仍然相同。在同一链接上第一次单击后第二次单击时,弹出窗口将隐藏,如果再次打开,则不会显示提示。您使用的浏览器是什么?这对我来说很好/试着将
$(“.popup”)
更改为
$(“.popup:visible”)
Adam,如果不清楚,右边出现的是红色的东西。它有一个指向原点行的小尖端(在镀铬中,它只是方形的)。单击左侧的“删除”按钮,红色的东西会显示,并带有提示。再次单击相同的按钮将其隐藏。再次单击相同的按钮,红色框出现,但没有提示。Win7上的Chrome在这里,顺便说一句,太棒了。谢谢。现在让我尝试对真实代码进行更正,让您知道..太棒了。谢谢。现在让我尝试对真实代码进行更正,并让您知道。。
$('.opt').live('click', function(e) {
    e.preventDefault();
    $(".popup").slideUp();
    $(this).closest("li").find(".popup").stop(true, false).slideToggle();
});
$(".popup").slideUp();