Question

我使用的是JQuery UI标签（1.8.6）。这是我的HTML

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

该标签由$('#tabs').tabs();

创建

但是，在创建标签后，我发现outer1.style和outer2.style已被删除

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

这是JQuery的错误吗？我只是想找到一种方法来修复标签的宽度和高度。我不能使用css类，因为宽度和高度是由服务器端动态计算的。

谢谢！

Answer 1

因此，在执行$('#tabs').tabs();之后，运行jquery代码以将CSS应用于这些ID。

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

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

Answer 2

您可以在CSS中使用!important标志...

例如：

width : 610px !important;

请参阅此问题以获得类似修复：jQuery UI - Autocomplete generated inline style override?

错误？ JQuery UI选项卡会自动删除父级内联样式

2 个答案: