2
  1. 私のjsFiddleを見る

  2. HTML プレビューのサイズを小さな幅に変更し、スライドショーが適切にサイズ変更されることを確認します

  3. jQuery を 1.9.1 から 1.10.1 に変更し (左ペイン)、[実行] をクリックします。

  4. HTML プレビューのサイズを小さいまたは大きい幅に変更する

  5. コンソールを開き、次のエラーを確認します。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();

});
4

1 に答える 1