【问题标题】:jQuery animation() not workingjQuery动画()不起作用
【发布时间】:2014-06-05 13:01:55
【问题描述】:

抱歉,我只是无法让全世界理解它为什么不起作用。一整天都在测试不同的东西。我怀疑我的 jQuery 来源不同,但在 jSFiddle 中的测试给了我相同的结果。这应该很容易解决。当点击其中一个圆圈从屏幕右侧调出子菜单时,我只想要一个动画。

小提琴http://jsfiddle.net/YWTt2/14/

html 部分主要是 SVG 的东西,所以需要注意的是,下面是 JavaScript 部分,它都在 jsfiddle 中。

//Function for opening submenus and animation
    $(document).on("click", "a[name='menu1']", function (e) {
    e.preventDefault();
    $("#menu1").css({visibility:"visible"});
        $("#menu1").animate({left:'550px'});
    //$("#menu1").slideDown(5110);
    });

      $(document).on("click", "a[name='menu2']", function (e) {
    e.preventDefault();
    $("#menu2").css({visibility:"visible"});
    });

    $(document).on("click", "a[name='menu3']", function (e) {
    e.preventDefault();
    $("#menu3").css({visibility:"visible"});
    });
    $(document).on("click", "a[name='menu4']", function (e) {
    e.preventDefault();
    $("#menu4").css({visibility:"visible"});
    });
     $(document).on("click", "a[name='menu5']", function (e) {
    e.preventDefault();
    $("#menu5").css({visibility:"visible"});
    });


     //Closes the open submenus
     $("#controlnav").on("click", function (e) {
    $("#menu1,#menu2,#menu3,#menu4,#menu5").css({visibility:"hidden"});
    });

【问题讨论】:

  • 您没有 ID 为 menu1 (#menu1) 的元素,所以这是一个好的开始。也许您打算将 a[name='menu1'] 作为您的选择器。我的建议:删除这个问题,修复你的选择器,如果还是不行,再问。
  • 你一定错过了它在 html 的第 193 行:

标签: javascript jquery html css jquery-animate


【解决方案1】:

您的代码很好,您只需将jQuery 文件更新为最新的(jQuery 2.x)。

检查这个小提琴:http://jsfiddle.net/pragneshok/YWTt2/15/

【讨论】:

    【解决方案2】:

    问题是标签。不支持。

    看看这个答案:jQuery animate <object> tag

    【讨论】:

    • 好的,所以如果我使用旧 jQuery 版本,我应该做一些解决方法,也许是
      。但从 jQuery 版本 2.x onvards 开始,它似乎适用于 .... 编辑:使用 jQuery 1.11 在对象周围使用 div 进行测试,但没有用。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多