【问题标题】:Why is my content clipped when using .slideToggle()?为什么在使用 .slideToggle() 时我的内容会被剪掉?
【发布时间】:2011-05-01 13:14:13
【问题描述】:

jsFiddle 在这里:http://jsfiddle.net/_mtr/bvs6w

基本上我有一个由两个元素组成的无序列表:标题和几行文本的跨度。跨度在悬停时切换,但如果用户悬停和关闭太快,内容将被剪裁。我在我的 jQuery 中遗漏了什么以确保不会发生这种情况并且 span 始终被正确隐藏或显示?

【问题讨论】:

    标签: jquery html css slidetoggle


    【解决方案1】:

    只需使用.stop(true, true) 而不仅仅是.stop()。第一个参数是clearQueue,第二个参数是jumpToEnd,默认都是false

    Here's您的更新代码。

    希望这会有所帮助!

    【讨论】:

      【解决方案2】:

      那个stop() 你放在那里以防止排队......

      它基本上是在动画高度动画的中间“冻结”你的跨度。尝试在 Firebug 或 Chrome 的 Inspector 中检查它们。您会看到它们的高度都像 0.8649px。

      【讨论】:

        【解决方案3】:

        您可能想要删除stop() 并使用诸如hoverIntent 之类的插件。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2017-06-03
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2017-05-26
          • 1970-01-01
          相关资源
          最近更新 更多