Last modified date : 2019/01/31

使い方

$.MTAppNoScrollRightSidebar({
  closeMode: false,
  openSelector: ''
});

オプション設定は下記の通りです。

オプション

closeMode(Type : Boolean, Default : false)

true を設定することで、ウィジェット部分を閉じた状態にすることができます。

$.MTAppNoScrollRightSidebar({
  closeMode: true
});

ウィジェット部分はクリックで開閉します

openSelector(Type : String, Default : '')

closeMode に true を設定している場合、openSelector オプションに特定のウィジェットを示すセレクタを指定することで、そのウィジェットを開いておくことが出来ます。

たとえばテンプレート編集画面のタグリファレンスウィジェットのソースコードが

<div id="tag-list" class="widget hidden">
  <div class="widget-header ">
    <div class="widget-action"></div>
    <div class="widget-label">
    <h2><a href="http://www.movabletype.jp/documentation/appendices/tags/"><span>タグリファレンス</span></a></h2></div>
  </div>
  <div class="widget-content">
  <div id="tag-list-inner">
  </div>
  </div>
  <div class="widget-footer"></div>
</div>

のようなHTMLになっている場合、下記のように指定するとタグリファレンスウィジェットだけ開いた状態になります。

$.MTAppNoScrollRightSidebar({
  closeMode: true,
  openSelector: '#tag-list'
});