如何检测状态变化并将其用作事件(对于下拉框)?

时间:2014-10-14 22:50:47

标签: javascript jquery html css

我有一个header条是静态的,直到它到达屏幕顶部,此时出现.floatingHeader(固定在屏幕顶部)和{{1}消失了。我正在为条形码上的其中一个链接创建一个下拉菜单,但如果它已打开,我似乎无法在标题更改中保持连续。

header

然后是标题的实际克隆,其中包括function UpdateTableHeaders() { $("main").each(function() { var el = $(this), offset = el.offset(), scrollTop = $(window).scrollTop(), floatingHeader = $(".floatingHeader", this); if(scrollTop > offset.top) { floatingHeader.css({ "visibility": "visible" }); $("header").addClass("invisible"); if ($("#dropDownMenu").is(":visible")) { $("#dropdownMenu").css({"visibility": "hidden"}); } } else { floatingHeader.css({ "visibility": "hidden" }); $("header").removeClass("invisible"); if ($(".floatingHeader #dropdownMenu").is(":visible")) { $(".floatingHeader #dropdownMenu").css({"visibility": "hidden"}); } } }); }

dropdownMenu

如果我可以捕捉它从$(function() { var clonedHeaderRow; $("main").each(function() { clonedHeaderRow = $("header", this); clonedHeaderRow .before(clonedHeaderRow.clone()) .css("width", clonedHeaderRow.width()) .addClass("floatingHeader"); }); $(window) .scroll(UpdateTableHeaders) .trigger("scroll"); }); 更改为header的那一刻,那么我可以添加一个.floatingHeader语句来检查另一个是否已打开,但我&#39 ;我不确定这是否可能,或者我是否只是在这里疯狂。如果不清楚,我会很高兴尝试详细说明。

修改

这是if功能的代码,抱歉我早些时候错过了。

#dropdownMenu

0 个答案:

没有答案