ホームページ  >  記事  >  ウェブフロントエンド  >  時刻プラグイン datepicker (jQuery-UI、ブートストラップ) と jquery-steps の間の競合を解決する方法

時刻プラグイン datepicker (jQuery-UI、ブートストラップ) と jquery-steps の間の競合を解決する方法

青灯夜游
青灯夜游オリジナル
2018-09-19 10:09:542611ブラウズ

jQuery-UI またはブートストラップでサポートされている時刻プラグイン datepicker は、フロントエンド開発で多くのアプリケーションに使用されます。この章では、時刻プラグイン datepicker と jquery-steps の間の競合を解決する方法を紹介します。困っている友人は参考にしていただければ幸いです。

日付プラグインの初期化: $('.prelease_time'). flatpickr();

let contentSteps = $("#content_form").steps({
            headerTag: "h3",
            bodyTag: "section",
            transitionEffect: "slideLeft",
            enableAllSteps: true,
            enablePagination: true,
            onStepChanging: function(event, currentIndex, newIndex) {
                console.log(11)
                return true;
            },
            onStepChanged: function(event, currentIndex, priorIndex) {
                console.log(22)
                return false;
            },
            onFinishing: function(event, currentIndex) {
                console.log(33)
                return true;
            },
            onFinished: function(event, currentIndex) {
                console.log(44)
                return false;
            }
        });

たとえば、jquery-steps はレンダリング順序が異なります。 DOM。日付ピッカーを再度初期化する必要があります。

以上が時刻プラグイン datepicker (jQuery-UI、ブートストラップ) と jquery-steps の間の競合を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。