Javascript 如何添加';重要';zIndex
我的站点上的某些附加组件之间存在冲突。使用Firebug,我注意到如果我在z索引中添加“!important”,我可以避免冲突 但是z-index值是使用JavaScript而不是CSS设置的 那么,如何将“!important”添加到以下JS代码中:Javascript 如何添加';重要';zIndex,javascript,css,z-index,Javascript,Css,Z Index,我的站点上的某些附加组件之间存在冲突。使用Firebug,我注意到如果我在z索引中添加“!important”,我可以避免冲突 但是z-index值是使用JavaScript而不是CSS设置的 那么,如何将“!important”添加到以下JS代码中: this.menu = $("<ul>") .addClass("ui-autocomplete") .appendTo(this.document.find(this.options.appendTo || "body"
this.menu = $("<ul>")
.addClass("ui-autocomplete")
.appendTo(this.document.find(this.options.appendTo || "body")[0])
.zIndex(this.element.zIndex() + 1) // !! <- here // !!
.hide()
.data("menu");
如何添加:在我的案例中,XXX是什么?“这个”呢
编辑2:因为它变成了jQuery语法问题,所以我在-中用不同的标记问了它,试试这个
.zIndex(this.element.zIndex() + 1 + '!important')
为什么不使用css来解决这个问题?比如说
this.menu = $('<ul class="high-zindex">')....
this.menu=$(“”)。。。。
然后定义.high-zindex{z-index:9999!important}
我想我明白了
this.menu = $("<ul>")
.addClass("ui-autocomplete")
.appendTo(this.document.find(this.options.appendTo || "body")[0])
// .zIndex(this.element.zIndex() + 1) // !! <- here // !!
.style.setProperty ("zIndex", zIndex()+1, "important");
.hide()
.data("menu");
this.menu=$(“”)
.addClass(“ui自动完成”)
.appendTo(this.document.find(this.options.appendTo | | |“body”)[0])
//.zIndex(此.element.zIndex()+1)/ 我在另一个帖子中收到了答案-
使用-
但在几个函数中与代码斗争之后,我倾向于向这个类添加一个类和一个规则-
this.menu = $("<ul>")
.addClass("ui-autocomplete")
.addClass("ui-autocomplete-hover-header") // !! added!
. . .
.ui-autocomplete.ui-autocomplete-hover-header {
z-index: 5004 !important; }
this.menu=$(“”)
.addClass(“ui自动完成”)
.addClass(“ui自动完成悬停标题”)/!!补充!
. . .
.ui-autocomplete.ui-autocomplete-hover-header{
z索引:5004!重要;}
zIndex值的可能重复项是从父元素计算得出的:.zIndex(this.element.zIndex()+1),因此我无法使用CSS规则,因为所有内容都转换为字符串。如果zIndex为99,它将变为991。这将起作用:.zIndex(this.element.zIndex()*1+1+“!重要”)谢谢。如何添加“if”来检查浏览器支持?。style
不是jQuery集合的方法,因此这不起作用。
.each(function() {
this.style.cssText+= 'z-index: '+(parseInt($(this).css('z-index'))+1)+' !important';
})
this.menu = $("<ul>")
.addClass("ui-autocomplete")
.addClass("ui-autocomplete-hover-header") // !! added!
. . .
.ui-autocomplete.ui-autocomplete-hover-header {
z-index: 5004 !important; }