Jetzt werde ich Ihnen ein Anwendungsbeispiel für das jQuery EasyUI-Faltpanel-Akkordeon vorstellen. Es hat einen guten Referenzwert und ich hoffe, es wird für alle hilfreich sein.
1. Legen Sie class="easyui-accordion" für den Faltbereich p fest
2. Fügen Sie dem Bereich mehrere p hinzu, jedes p ist ein Bereich (jeder Bereich muss mit a festgelegt werden Titeleigentum).
3. Setzen Sie das Panel-Attribut fit auf true und passen Sie die Größe des übergeordneten Containers an
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>easyui-折叠面板accordion的使用</title> <!-- 导入jquery核心类库 --> <script type="text/javascript" src="../js/jquery-1.8.3.js"></script> <!-- 导入easyui类库 --> <link id="easyuiTheme" rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="../css/default.css"> <script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script> </head> <body class="easyui-layout"> <p data-options="region:'north',title:'你我他学习吧-学习Java的好博客!'" style="height:100px"></p> <p data-options="region:'west',title:'菜单导航'" style="width:200px"> <!--折叠面板--> <p class="easyui-accordion" data-options="fit:true"> <p data-options="title:'基础菜单'">面板一</p> <p data-options="title:'系统菜单'">面板二</p> </p> </p> <p data-options="region:'center',title:'中部区域'"></p> <p data-options="region:'east',title:'东部区域'" style="width:100px"></p> <p data-options="region:'south',title:'南部区域'" style="height:100px"></p> </body> </html>
Das oben Gesagte habe ich für alle zusammengestellt. Ich hoffe, dass es in Zukunft für alle hilfreich sein wird .
Verwandte Artikel:
So implementieren Sie das Dialogfeld zum zeitgesteuerten Ausblenden in jQuery
So implementieren Sie die DIV-Verzögerungszeit in JS/jQuery Disappear oder nach Sekunden anzeigen
Verwenden Sie native js, um eine dreistufige Verknüpfung von Provinzen und Gemeinden zu realisieren
Das obige ist der detaillierte Inhalt vonSo verwenden Sie Akkordeon in EasyUI. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!