jQuery EasyUIプラグインでメニューリンクボタンを作成する方法

今回は、jQuery EasyUI プラグインを使用してメニュー リンク ボタンを作成する方法を説明します。jQuery EasyUI プラグインを使用してメニュー リンク ボタンを作成する場合の 注意事項 について説明します。一見。

Menu は、以下に示すように、いくつかの p タグで定義されています。

 <p id="mm" class="easyui-menu" style="width:120px;">
 <p onclick="javascript:alert(&#39;new&#39;)">New</p>
 <p>
  <span>Open</span>
  <p style="width:150px;">
  <p><b>Word</b></p>
  <p>Excel</p>
  <p>PowerPoint</p>
  </p>
 </p>
 <p icon="icon-save">Save</p>
 <p class="menu-sep"></p>
 <p>Exit</p>
 </p>

メニューが作成されると、「show」メソッドを呼び出して表示するか、「hide」メソッドを呼び出します。非表示にするには:

 $('#mm').menu('show', {
  left: 200,
  top: 100
 });

リンク ボタンを作成する

通常、ボタンは 要素を使用して作成されますが、リンク ボタンは 要素を使用して作成されます。したがって、実際にはリンク ボタン (Link Button) はボタン スタイルとして表示される 要素です。

リンクボタンを作成するには、「easyui-linkbutton」というクラス属性を 要素に追加するだけです:

 Cancel
 Refresh
 Query
 text button
 Print
 
 

 Cancel
 Refresh
 Query
 text button
 Print
 
 
 
 
 ご覧のとおり、iconCls 属性はicon CSS クラス スタイル。ボタンにアイコン画像を表示します。 
場合によっては、リンク ボタン (リンク ボタン) を無効にしたり、有効にしたりする必要がある場合があります。次のコードは、リンク ボタン (リンク ボタン) を無効にする方法を示しています。 . php 中国語ウェブサイトの他の関連記事にも注目してください。 
推奨読書: 

 iframe でのページ アンカーの失敗に対処する方法
 iframe 要素を取得するための jQuery 
以上がjQuery EasyUIプラグインでメニューリンクボタンを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。