Verwendung von jQuery EasyUI Accordion - Beispiel (geteilt)

1、Set class = "easyui" for the div of the accordion area-accordion

2、Add multiple divs to the area, each div is a panel (each panel must be set with the title attribute).

3、Set the panel attribute fit to true, to adapt to the size of the parent container

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>easyui-The use of the accordion</title>
    !-- Import the jquery core class library -->
    <script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
    !-- Import the easyui class library -->
    <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:'Wir und sie Lernbar'-Ein guter Blog, um Java zu lernen!'" style="height:100px"></div>
    <div data-options="region:'west',title:'Menü-Navigation'" style="width:200px">
      !--Klappliste-->
      <div class="easyui-accordion" data-options="fit:true">
        <div data-options="title:'Basismenü'">Scheibe eins</div>
        <div data-options="title:'Systemmenü'">Scheibe zwei</div>
      </div>
    </div>
    <div data-options="region:'center',title:'Mittlerer Bereich'"></div>
    <div data-options="region:'east',title:'Ostlicher Bereich'" style="width:100px"></div>
    <div data-options="region:'south',title:'Südlicher Bereich'" style="height:100px"></div>
  </body>
</html>

Dieser Beispielcode für die Verwendung von jQuery EasyUI Accordion (geteilt) ist alles, was der Redakteur Ihnen zur Verfügung stellt. Ich hoffe, es kann Ihnen als Referenz dienen und ich hoffe, dass Sie die呐喊教程大力支持。

Erklärung: Der Inhalt dieses Artikels wurde aus dem Internet bezogen und gehört dem jeweiligen Urheberrechtsinhaber. Der Inhalt wurde von Internetbenutzern freiwillig beigesteuert und hochgeladen. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht manuell bearbeitet. Sie übernimmt auch keine rechtlichen Verantwortlichkeiten. Wenn Sie verdächtige urheberrechtliche Inhalte finden, sind Sie herzlich eingeladen, eine E-Mail an notice#w zu senden.3codebox.com (Bitte ersetzen Sie # durch @, wenn Sie eine E-Mail senden, um Missbrauch zu melden, und fügen Sie relevante Beweise bei. Sobald nachgewiesen, wird diese Website den涉嫌侵权的内容立即删除。)

Grund教程

Vermutlich gefällt Ihnen