jQWidgets jqxTabs height 属性

"jQWidgets jqxTabs height属性"是用于设置jQWidgets jqxTabs控件的高度的属性。该属性可以设置控件的高度，以适应不同的需要。

以下是有关"jQWidgets jqxTabs height属性"的完整攻略：

1.语法

设置jQWidgets jqxTabs控件的高度，有两种语法：

第一种

$("#jqxTabs").jqxTabs({ height: '300px' });

上述代码将设置高度为300px。

第二种

$("#jqxTabs").jqxTabs('height', '300px');

上述代码将设置高度为300px。

2.示例

下面是两个示例：

示例1

HTML代码

<div id="jqxTabs">
   <ul>
     <li>First Tab</li>
     <li>Second Tab</li>
     <li>Third Tab</li>
   </ul>
   <div>
     <p>Content of the first tab</p>
   </div>
   <div>
     <p>Content of the second tab</p>
   </div>
   <div>
     <p>Content of the third tab</p>
   </div>
</div>

JS代码

$(document).ready(function () {
   $("#jqxTabs").jqxTabs({ height: '300px' });
});

上述代码将设置jqxTabs控件的高度为300px。

示例2

HTML代码

<div id="jqxTabs">
   <ul>
     <li><a href="#tab1">First Tab</a></li>
     <li><a href="#tab2">Second Tab</a></li>
     <li><a href="#tab3">Third Tab</a></li>
   </ul>
   <div id="tab1">
        <p>Content of the first tab</p>
   </div>
   <div id="tab2">
        <p>Content of the second tab</p>
   </div>
   <div id="tab3">
        <p>Content of the third tab</p>
   </div>
</div>

JS代码

$(document).ready(function () {
   $("#jqxTabs").jqxTabs({ height: '400px' });
});

上述代码将设置jqxTabs控件的高度为400px。

以上就是关于"jQWidgets jqxTabs height属性"的完整攻略，希望对您有所帮助。