【发布时间】: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