【问题标题】:Jquery toggle Left to right animationJquery 从左到右切换动画
【发布时间】:2013-09-20 09:10:20
【问题描述】:

我创建了一个 jquery 切换动画,但由于某种原因它不起作用。

任何人都可以提供帮助吗?

请查看更新的小提琴。 class="search-container-wrap" 是从左向右滑出的意思

http://jsfiddle.net/VdWFm/

        /*  SHOWS CHART SEARCH
    ===================================================================*/
$(document).ready(function(){
    $('.search-charts-go').click(function (e) {
    e.stopPropagation();
    $('.search-container-wrap').hide('slide', {direction: 'left'}, 500);
    $(this).next('.search-container-wrap').stop().show('slide', {direction: 'left'}, 500);
   });
});

非常感谢!!!!

【问题讨论】:

  • 您的 Fiddle 中没有包含 jQuery 和 jQuery UI 库;)
  • 它到底应该做什么?我只看到一个灰色的正方形。你觉得哪里错了?您尝试解决什么问题?
  • 我在 Fiddle 中包含了库,但现在只是将 div 闪到灰色方形旁边...
  • 请参阅更新的小提琴。
    jsfiddle.net/VdWFm
  • Jquery conflicting code的可能重复

标签: jquery html animation


【解决方案1】:

您的问题在于$(this).next('.search-container-wrap'),因为被单击的锚点没有这样的兄弟。请改用$('.search-container-wrap'),如this fiddle 所示。

我也冒昧地让它滑进滑出。

【讨论】:

  • 我可以不使用jquery jquery-1.10.1.min.js 吗?还是我需要另一个?
  • 当您想使用 jquery 1.10.1 时,您还必须升级 jquery ui。检查the jquery ui upgrade guide。遗憾的是 jsFiddle 还不支持 jqueryui 1.10。
猜你喜欢
相关资源
最近更新 更多
热门标签