[bxSlider]止まってしまったオートスライドの再開方法と、スライドのリロード方法

覚え書き程度に。

オートスライドの再開

オートスライドの設定になっているスライダーを、prev、nextで一度切り替えてしまうとオートスライドが停止してしまいます。
そんなときは、

$(function(){
	var slide = $('#slide').bxSlider({
		auto: true
		onSlideAfter: function () { slide.startAuto(); }
	});
});

onSlideAfterのタイミングで、オートスライドを再開させる、です。

 

スライダーのリロード

タブ切り替えや、アコーディオンコンテンツなど、スライダーの要素自体がデフォルトで非表示のものなどは、高さが取得できない関係で正常に動作しません。
そんなときは、

$(function(){
	var slide = $('#slide').bxSlider();

	$('.tab_contents').hide();
	$('.tab_btn a').click(function() {
		$('.tab_contents').show();
		slide.reloadSlider();
		return false;
	});
});

要素を表示するタイミングで、reloadSlider()です。