Fehler? JQuery UI Tabs entfernen Eltern Inline-Stil automatisch

Question

Ich benutze ein JQuery UI Tabs (1.8.6). Hier ist mein HTML ist

<div id='outer1' style="height:520;width:610;"> 
    <div id='outer2' style="height:520;width:610;"> 
    <div id="tabs"> 
    <ul> 
     <li><a href="#tab1">Tab1</a></li> 
    </ul> 
    <div id='tab1'>Tab1</div> 
    </div> 
    </div> 
    </div> 

Und die Registerkarte wird erstellt von $('#tabs').tabs();

Nachdem jedoch die Registerkarte erstellt wird, fand ich, dass outer1.style und outer2.style entfernt wurden wie

<div id='outer1'> 
    <div id='outer2'> 
    ... the tab 
    </div> 
    </div> 

Ist es ein Fehler von JQuery? Ich möchte nur die Breite und Höhe der Registerkarte festlegen. Ich kann die CSS-Klasse nicht verwenden, da die Breite und Höhe dynamisch von der Serverseite berechnet wird.

Danke!

Answer 1

Nachdem Sie also $('#tabs').tabs(); getan haben, führen Sie den JQuery-Code aus, um diese IDs mit CSS zu versehen.

$('#tabs').tabs(); 

$('#outer1, #outer2').css('height', '520px').css('width', '610px'); 

Answer 2

Sie können die !important Flagge in Ihrem CSS ...

Zum Beispiel:

width : 610px !important; 

Siehe dieses Problem für ähnliche fix: jQuery UI - Autocomplete generated inline style override?