对于JavaScript和Jquery的新手,我正在寻找一些帮助/指导来解释为什么下面的代码不能正常工作。代码打算在菜单/导航上突出显示用户的当前位置。我有多个导航菜单在我的网站上的风格目的。每个主要div都有一个附带的导航菜单。
下面是我用来突出显示一个特定导航的代码:
$(window).scroll(function(){ // when the window/view port is scrolled
var windowPos = $(window).scrollTop(); // get the offset of the window from the top o
在我目前正在工作的一个网站上,我在悬停时有下划线链接的问题。虽然在悬停链接上声明了text- declaring :下划线,但它不能正常工作。我自己也解释不了。
看看网站本身(右下角的链接):
主页上的下拉菜单“项目”也是如此:淡入的链接也无法正确处理下划线:
这是我的CSS中的内容:
section.contact .links ul > li a:hover
{
text-decoration: underline;
}
nav ul li ul > li a:hover {
text-decoration: underline;
}
非常感谢您的提前!
我想在侧边栏菜单中突出显示当前页面。我在用foll。执行此操作的jquery脚本。当我在firebug的控制台窗口中测试jquery脚本时,它可以工作。
当我将脚本上传到网站时,它不会突出显示当前页面(除了几个页面之外)。我在这个论坛上看过类似的帖子,但找不到适合我网站的解决方案。感谢您的帮助。谢谢。
$(document).ready( function () {
var path = location.pathname;
if ( path )
$('#section_navigation ul li a[href$="' + path + '"]
$text = new Zend_Form_Element_Text();
$ValidateRange = new Zend_Validate_Between(0, 999999.99);
$ValidateFloat = new Zend_Validate_Float();
$ValidateFloat->setLocale(new Zend_Locale('de_AT'));
$ValidateRange->setMessage('Please ente
我正尝试用CSS实现一个多级的下拉导航菜单,但有一个小部分我似乎无法正常工作。
应该发生的情况是:
1)当鼠标悬停在菜单项上时,应使用不同的图像突出显示该菜单项(这很好用)。2)当鼠标悬停在子菜单项上时,父菜单项应突出显示。
Point2可以很好地工作,直到我在父菜单项上有一个类.bottom (这个类用于图像的细微差别)。如果父菜单项具有.bottom类,则不会发生高亮显示。
可以在此处查看演示:
演示显示,当鼠标悬停在Menu 1> Sub Menu 3> Sub Sub Menu X上时,Sub Menu 3高亮显示。但是,将鼠标悬停在菜单2>子菜单3>子菜单X上
我的jQuery滚动脚本有一些问题。我已经成功地在我的一页站点的顶部创建了一个固定的菜单。使用jquery将菜单项滚动到页面的右侧区域,并突出显示活动菜单项。
问题是,当用户手动滚动时,我也想突出显示菜单项。我认为下面的脚本可以解决这个问题,但它不起作用。
我做错了什么?
if($('#contact').offset() < $(document).scrollTop()) { // #contact is the element who one of the menu items scroll to.
$('.link-contact').c