【问题标题】:jQuery Content Panel Switcher vs. Slidesjs sliderjQuery 内容面板切换器与 Slidesjs 滑块
【发布时间】:2013-04-17 15:14:08
【问题描述】:

我在我的网站上使用这两个插件:jQuery 内容面板切换器和 Slidesjs 滑块。内容面板滑块在单击链接后切换内容,但在其中一个内容中我需要使用 Slidesjs 滑块。它在页面加载后工作,但是当用户更改内容时,slidesjs 就会消失。我不确定这是一个很好的描述,来这里看看实时预览:live preview

例如尝试点击摄影,然后点击返回首页。

【问题讨论】:

  • 我已经尽力了,似乎没有一种方法可以将这两者结合使用;这是因为面板切换器会擦除滑块创建的所有内联 css,并且滑块没有销毁方法。

标签: jquery slider


【解决方案1】:

内容切换器破坏了 slidesjs,因为它改变了 dom 结构。在此用例中,您不应使用切换器。而是:

  • 将除第一个之外的所有视图设置为display:none
  • 单击链接时,在当前视图上执行 jQuery fadeOut()
  • 创建一个setTimeout,等待fadeOut 完成,然后fadeIn() 到您要显示的元素

【讨论】:

  • 有趣的解决方案,虽然它可以改进。
  • 不幸的是我需要这些组合,项目有点复杂,很难解释......我不得不重新编码整个项目并且没有时间所以我试图找到 qucik 解决方案。
  • @user2289373 您可以使用不同的插件并接受两者无法一起使用的事实,或者侵入每个插件来修改它们以便它们可以一起工作。一种解决方案的强度远低于另一种。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-10-04
  • 2011-11-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-01-05
相关资源
最近更新 更多