Javascript 如何添加';重要';zIndex

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"

我的站点上的某些附加组件之间存在冲突。使用Firebug,我注意到如果我在z索引中添加“!important”,我可以避免冲突

但是z-index值是使用JavaScript而不是CSS设置的

那么,如何将“!important”添加到以下JS代码中:

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; }