問題タブ [mixitup]

私は友人のためにウェブサイトを開発しており、mixitup2 プラグインを使用しています。私が直面している問題は、フィルタリングすると下部セクションのジャンプが発生することです。

これが私のコードです：

そして、私は単に mixitup プラグインを次のように呼び出します:

フィルターをすべてから Web サイトまたはその他に変更すると、スライドではなくジャンプが発生します。

mixitup 関数を呼び出すためのドキュメント準備完了コード

ここに私のコードがあります: http://codepen.io/kikibres/pen/mVYOaR

選択オプションを再コード化して、選択時に「X」ボタンを表示しようとしています。「X」ボタンを 1 回クリックすると、元の選択値にリセットされます。さらに、すべてのドロップダウン メニューではなく、独自のドロップダウン メニューでのみ「x」ボタンが機能するようにしました。

http://www.mtommaneycentre.com.au/stores/にもっと似せようとしています。ご覧のとおり、「AZ」選択フィールドのオプションをクリックすると、「X」ボタンが表示され、「X」ボタンをクリックすると、元の「AZ」選択オプションにリセットされます….

どうやってそれを行うのですか？

HTML

Javascript すべてのオプションをリセットするコードは

self.$reset.on('click', function(e){ e.preventDefault();

の

複数のチェックボックス フィルタリング オプションを使用して、Wordpress ポートフォリオ ページを設定しようとしています。js コードと一部の HTML は MixItUp ( http://codepen.io/patrickkunka/pen/iwcap ) からのものです。

最初の分類フィルター (product_group) は問題なく機能します。ただし、2 番目のもの (product_category) を追加すると、ページが部分的にクラッシュし、Chrome が次のエラー メッセージを返します: リソースの読み込みに失敗しました: サーバーは 500 のステータスで応答しました (内部サーバー エラー)。

HTML 出力は次のようになります。

問題が何であるかを知っている人はいますか？

ホームページ: http://kikidesign.net/dev/mcdowell/、特に店舗セクションと下部のフッターの営業時間ですべてが正常に機能していました。しかし、http://kikidesign.net/dev/mcdowell/stores/に行ったとき、ストアがロードされていませんでした。これは、このストアの JavaScript が読み込まれていないことを意味します。しかし、コンソールログを確認すると、JavaScriptファイルがそこにあることがわかり、他のjavascriptファイル（開始時のhours.js）を取り出すと正常に読み込まれますが、元に戻すとストアが読み込まれないことがわかりましたロードしません。ホームページでは両方のファイルが正常に機能していたのに、店舗ページでは正常に機能しなかった理由がわかりません。どうすれば修正できますか？2 つのファイルを結合したところ、ホームページでは問題なく読み込まれましたが、ストア ページではそうではありませんでした。さらに、stores セクションには、jquery.mixitup.min.js を使用した mixitup プラグインがあります。

ファイル jquery-custom-scripts.js を格納します

営業時間jsファイル

これは mixitup プラグイン フィルタリングです。投稿をフィルタリングするために 2 つのカテゴリのみを使用したかったのです。*更新、フィルター メニューを修正しましたが、これら 2 つのカテゴリで投稿を表示できません。

私のカテゴリは「イベント」(id=3) と「ニュース」(id=4) です。

アップデート

インクルードを使用して、フィルタリングメニューで部分的に機能させました

しかし、これら2つのカテゴリ別に投稿を表示することはできません