我想把这个导航栏放在我的网站上,这里是演示页面:http://insicdesigns.com/demo/css3/exp1/index.html
它使用JavaScript,jQuery和CSS
问题是,在我的网站上我使用PHP和index.PHP?page = home,?index.PHP?page = contact等.
我无法弄清楚如何将栏上的项目设置为“活动”[默认为“主页”].我查看了代码,然后发现第一个< li> [Home]有class =“active”.我尝试简单地将类移动到第二个项目[“关于”],但这只是将一切都搞砸了,将整个动画移动到右侧,这不符合它的意图.所以在.click()上,这就是它如何设置一个活动的项目:
$(this).siblings('li').removeClass('active'); // removes active
$(this).addClass('active');
所以我把id =“target”放在另一个项目上,而使用Chrome的JS控制台我键入相同的代码,除了我使用“#target”而不是“this”
但没有立即改变.我必须将鼠标悬停在栏上,启动动画,查找活动项目,然后在那里移动动画.现在,如果我使用它来替换我当前的导航栏[这是here],如果有人去了index.PHP?page = contact我无法激活About链接,以便用户知道他们在关于页面!
所以这是我的问题:
有没有办法告诉jQuery我刚从一些代码中徘徊? [傻瓜]
就像是:
$("#target").fakeEvent("hover");
因此它运行代码[哪个,顺便说一句,附加到$(选择器).hover()中的函数(){} – 查看示例中的lavalamp.js文件]?如果你能提供帮助,我真的很感激!谢谢 :)
解决方法:
答案:http://jsfiddle.net/morrison/4CU4H/
答案说明:
> The fancy menu使用糟糕的JavaScript.我已经修改了脚本来修复一些错误以及优化性能.使用我的JavaScript而不是他们的.
>要在页面加载时将活动类放在正确的位置,只需在调用jQuery之前将活动类应用于您想要的位置.您应该在PHP输出中设置活动类.当JavaScript无法加载时,这也允许良好的样式降级.
>插件禁用了点击,因为这是一个例子.您可能想要在click函数中删除return语句.
您网站上的注意事项:
>隐藏您的疑问.这不是一个很难的规则,但在你的情况下你应该这样做. http://www.macdonaldfamilysingers.com/?page=contactindex.PHP?page=contact应该是http://www.macdonaldfamilysingers.com/contact/.这是a tutorial on url rewriting.
>你可能想要美化你的桌子.通过删除一些边框和间距,它也会占用更少的视觉空间.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。