jQueryのプラグインを無効化する方法

Question

いつもお世話になっております。
以下のようなjQueryのプラグインをイベント後などに無効化するにはどうすればいいのでしょうか？
（スライドショーの停止ではなく、プラグイン呼び出し前の状態に戻したいです。）

http://www.atmarkit.co.jp/ait/articles/1304/19/news071_4.html

$(window).on('load', function() {
  $('.carousel').carousel();
});

なんとなくインスタンスを削除すれば無効化できるのではないかと思い、 $('.carousel') = null; と書いてみたのですがダメした。

色々調べましたが、関連した記事やサイトに辿り着けませんでした。
わかる方、回答orアドバイスをよろしくお願いします。

Answer 1

さらっとコード見てみましたがバインドしているデータを削除したところで無効化できない作りになっているので、プラグイン内に無効化するような関数を用意してあげるといいと思います。
（大抵のプラグインはbindを解除するような方法が提供されてると思います）

jquery.carousel.js(63行目 initialize 前あたりに追記）

this.unbind = function() {
	clearTimeout(timer);
	btnPrev.off('click');
	btnNext.off('click');
	root.removeData('carousel');
};

var initialize = function() {
     ～～略～～

arousel.html(適当な箇所に停止ボタン追加)

<input type="button" id="stop" value="ストップ">
<script>
$(function(){
	$('#stop').on('click', function(){
		$('.carousel').data('carousel').unbind();
	});
});
</script>

ちなみにこのコードのままですと jquery.carousel.js に追記した左右ボタンの unbind が
ボタンに対する全部の関数を unbind 削除してしまいますので、
バインド解除する関数のハンドラを渡してあげるほうがよりよいです。

あとストップボタンを2回クリックすると多分エラーになります。

Comments

[matometaru]

サンプルコードありがとうございます。すぐ理解することができました。
ひとつひとつ解除していく必要があるのですね。
その他のプラグイン、unbindについて詳しく調べてみます。

ありがとうございました。

Answer 2

やりたい事として、画像の切替が停止して、
かつ先頭の画像に戻ったままにしたい、という事では無いのですよね。

「無効化」という言葉が、どのような状態を表しているか判り辛いです。
「無効化」を別な言葉で表すとしたら、どうでしょうか。

＃reload()で再読込するとかじゃダメですよね （＾＾；

Comments

[matometaru]

回答ありがとうございます。

日本語下手で申し訳ないです！
ウィンドウのリサイズ後に、プラグインを切り替えるというスクリプトを作っているのでreload()でも作れそうです！ただ今回はunbind()でやってみようと思います。

ありがとうございました。