HTML プレビューのサイズを小さな幅に変更し、スライドショーが適切にサイズ変更されることを確認します
jQuery を 1.9.1 から 1.10.1 に変更し (左ペイン)、[実行] をクリックします。
HTML プレビューのサイズを小さいまたは大きい幅に変更する
コンソールを開き、次のエラーを確認します。
Object [object Object] has no method 'bjqs'
bjqs プラグインが 1.10.1 でこの問題を引き起こしている原因がわかりません。
サイズ変更関数で 2 回目に呼び出されたときに、プラグインが動作を妨げていることはありますか?
ここには JavaScript が含まれていますが、上記のリンクにある jsFiddle は、それを表示するためのより適切な場所になるでしょう。
私が使用しているプラグインは次のとおりです。http://www.basic-slider.com/
$(function () {
$(window).resize(function () {
if (this.resizeTO) clearTimeout(this.resizeTO);
this.resizeTO = setTimeout(function () {
slideShow(); // re-init on resize stop
}, 500);
});
function slideShow() {
$('.bjqs-controls, .bjqs-markers').remove();
console.log($(window).width());
var ss_width;
var ss_height;
if ($(window).width() >= 600) {
// Desktop
ss_width = 300;
ss_height = 200;
} else if ($(window).width() < 600) {
// Tablet
ss_width = 150;
ss_height = 150;
}
// Load content slideshow
$('#banner-slide').bjqs({
nexttext: 'Next',
prevtext: 'Prev',
showmarkers: true,
centermarkers: true, // horizontally center markers
responsive: false, // enable responsive behaviour
width: ss_width,
height: ss_height
});
}
// Init slide show on load
slideShow();
});