jQuery EasyUI 折叠面板accordion的使用实例(分享)

1、Impostare la classe del div dell'area di pieghevole su class="easyui-accordion"

2、Aggiungere più div nell'area, ogni div è un pannello (ogni pannello deve avere l'attributo title).

3、Impostare l'attributo del pannello fit su true, adattarsi alla dimensione del contenitore genitore

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Utilizzo di accordion di easyui</title>
    <!-- Importazione della libreria jQuery core -->
    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
    <!-- Importazione della libreria 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">
    <div data-options="region:'north',title:'Io e tu studio - Il blog ottimo per imparare Java!'" style="height:100px"></div>
    <div data-options="region:'west',title:'Navigazione del menu'" style="width:200px">
      <!--Pannello pieghevole-->
      <div class="easyui-accordion" data-options="fit:true">
        <div data-options="title:'Menu di base'">Pannello uno</div>
        <div data-options="title:'Menu di sistema'">Pannello due</div>
      </div>
    </div>
    <div data-options="region:'center',title:'Regione centrale'"></div>
    <div data-options="region:'east',title:'Regione orientale'" style="width:100px"></div>
    <div data-options="region:'south',title:'Regione meridionale'" style="height:100px"></div>
  </body>
</html>

Questo esempio di utilizzo del pannello di pieghevole jQuery EasyUI (condivisione) è tutto ciò che l'editor ha condiviso con voi. Spero che possa fornirvi una riferimento e vi prego di sostenere la guida urla.

Dichiarazione: il contenuto di questo articolo è stato raccolto da Internet, il copyright spetta ai rispettivi autori, il contenuto è stato contribuito e caricato autonomamente dagli utenti di Internet, questo sito non detiene i diritti di proprietà, non è stato editato manualmente e non assume responsabilità legali correlate. Se trovi contenuti sospetti di violazione del copyright, ti preghiamo di inviare una e-mail a notice#oldtoolbag.com (sostituisci # con @) per segnalare il problema e fornire prove pertinenti. Una volta verificata, questo sito eliminerà immediatamente il contenuto sospetto di violazione del copyright.

教程基础