---
title: Slidebar
slug: orphaned/Jetpack/UI/Slidebar
original_slug: Jetpack/UI/Slidebar
---
<h3 id="About"><span>About</span></h3>
<ul> <li><strong><span>Status</span></strong><span>: In Development</span></li> <li><strong><span>Instantiation</span></strong><span>: </span><code>jetpack.future.import('slideBar') </code></li> <li><strong>Last Update</strong>: v0.6</li> <li><strong>Summary</strong>: slideBarはブラウザの古いスライドバー機能の再開発です。 slideBarはブラウザウィンドウの横にあり、一時的な情報と永続的な情報の両方を広い範囲に早くアクセスすることが可能となります。 slideBar機能を選択すると、そのコンテンツは現在のWEBページの後方から現れます。</li>
</ul>
<h3 id="新しいslideBar_インスタンスの作成と関連するオプション"><span>新しいslideBar インスタンスの作成と関連するオプション<br>
</span></h3>
<pre class="brush: js"><span><span>jetpack.slideBar.append( options );  </span></span></pre>
<pre style="" class="js">jetpack.selection.onSelection( fn );</pre>
<p style="margin-left: 80px;"><em>引数</em><br>
<em><strong>options</strong></em>: あなたのslideBarインスタンスに特定の修正を加えたオブジェクト。</p>
<p style="margin-left: 120px;">{<br>
<code>  icon</code> <em>- uri</em> - SlideBar内で見せるアイコンのhref<br>
<code>  html -</code> <em>text/xml</em> - 機能のためのhtml コンテンツ<br>
<code>  url</code> <em>- uri</em> - コンテンツをロードするためのurl<br>
<code>  width - </code><em>num</em> - コンテンツエリアと選択したスライドサイズの横幅<br>
<code>  persist</code> - <em>bool</em> - 選択された時のデフォルトのslideの動作<br>
<code>  autoReload -</code> <em>bool</em> - 選択された時にコンテンツを自動的にリロードするか<br>
<code>  onClick</code> - <em>func</em> - アイコンがクリックされた時のcallback関数<br>
<code>  onSelect</code> - <em>func</em> - 機能が選択された時のcallback関数<br>
<code>  onReady</code> - <em>func</em> - 機能がロードされた時のcallback関数<br>
}</p>