如何防止添加CSS'class'屬性

我正在使用Ruby on Rails 3.0.9，jQuery 1.6.2和jQuery UI。我試圖通過遵循official documentation來實現嵌套選項卡。如何防止添加CSS'class'屬性

當我聲明如下（即「正常」 \「共同」作爲文檔源代碼表示方式）

<div id="tabs"> 
    <ul> 
    <li>...</li> 
    </ul> 
</div> 

<script> 
    $(function() { 
    $("#tabs").tabs(); 
    }); 
</script>

，然後我去自動顯示生成的HTML代碼，jQuery的用戶界面添加以下CSS class屬性的<div id="tabs">：

<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="tabs"> 
    ... 
</div>

是否有可能避免增加一些的CSS classes的？如果是這樣，該怎麼做？

來源

2011-07-25 Backo

爲什麼你想這樣做？它可能會阻止標籤工作。 – Jess

從它的css文件中移除用於UI標籤的css代碼將是相當容易的，以完成我認爲你試圖完成的任務。（雖然我認爲這個問題來自於也許是一個有點慢的過程....？） – Joonas

如果您願意，您隨時都可以使用$("#tabs").removeClass("whatever")，但如果您願意，您可能會失去某些功能。真正的問題是你爲什麼要這樣做？

2011-07-25 18:14:15 Aaron

這是因爲我想不要做以下事情：http://stackoverflow.com/questions/6816905/overriding-css-類 – Backo

在這種情況下，不要去除類，只需覆蓋應用於這些類的任何樣式（無論是在頁面樣式表中，還是在其他問題中概述的其他外部樣式表中）。編輯 - 對不起，只需重新閱讀您的評論。你爲什麼不喜歡這樣做？這似乎是最乾淨的解決方案，與修改DOM相比，開銷相對較少。 – Aaron

如果您不希望CSS效果標籤給出，只需從CSS文檔中刪除樣式。

2011-07-25 18:18:39 Phil

我會覆蓋您不想要效果的頁面上的樣式。例如，如果ui-corner-all在jQuery UI樣式表中具有float:left的屬性，並且該樣式會干擾您的頁面。在您正在處理的頁面上最好有一個同名的類來覆蓋樣式。這比修改dom去除類要便宜。

2011-07-25 18:30:33

回答