問題タブ [mixitup]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ScriptManager.RegisterStartupScript の背後にあるコードでスクリプトが呼び出された後、jQuery document.ready が起動しない
https://mixitup.kunkalabs.com/を使用してフィルター処理されたアイテムのリストがあります。
たとえば、画面を参照してください
次に、ユーザーは別のアクションを追加することを選択します。これは、fancybox をポップアップとして使用し、ユーザーに次の画像を表示します。
ユーザーがデータを追加すると、ページは更新パネルを使用して部分的なポスト バックを行います。コードは、コード ビハインドから js 関数を呼び出してポップアップを閉じ、mixitup 関数を呼び出してリストに新しい項目が追加されたため、リストを再初期化しますが、機能しません。
jsを呼び出す背後にあるコードは次のとおりです
呼び出されるjsは次のとおりです。
ファンシーボックスは閉じますが、docment.ready テストに合格しないため、mixitup は起動されません。つまり、ロードされていないため、jQuery を実行できませんが、理由はわかりません。
jquery - フィルター MixItUp を使用したフクロウ カルーセル プラグイン
これらのプラグインを連携させようとしています。MixItUp をカルーセルで動作するように変更した方が良いのか、それとも他の方法で動作する方が良いのかわかりません。
フクロウのカルーセル - http://owlgraphic.com/owlcarousel/
MixItUp - https://mixitup.kunkalabs.com/
jquery - MixItUp と PageSpeed の比較
PageSpeed Insights には、「レンダリングをブロックするスクリプトを削除する」と表示され、jquery.mixitup.min.js が一覧表示されます :_( ただし、スクリプトはページの下部に含まれており (縮小されています)、MixItUp を使用する関数もページの下部にあります。どうすればいいのかわからない。
何か提案はありますか？どうもありがとう。
jquery - グリッド レイアウトの jQuery.dotdotdot -> 空白
jQuery、Modernizr、およびいくつかのプラグイン (jQuery.dotdotdot、MixItUp) を使用してサイトを設計しています。ベースとして、codyhouse からこの作品を選びました。そのため、MixItUp 機能 (フィルタリング) はうまく機能し、問題はありません。
<img>問題は、元を aに置き換えて<div>コンテンツを追加したいときに発生します。テキストがオーバーフローする可能性があるため、jQuery.dotdotdot プラグインを追加して、このテキストを適切にトリミングしました。したがって、カスタム JavaScript コードを追加しました。
これは非常に簡単だと思います。メニューをトリガーすると、すべてのボックスが適切に整列されてきれいになりますが、折りたたむと、jQuery.dotdotdot によってトリミングされたテキストがすべてのグリッドを台無しにします。それらを取り除く方法は？
以下に、いくつかのサンプル データを含むスニペットを作成しました :-)
jquery - jQuery - MixItUp でデフォルトのアクティブなタブのコンテンツを変更する
jQuery - MixItUpポートフォリオ プラグインを使用しています。
デフォルトのタブ コンテンツを " Icon Tab"として表示し、" "ではなく関連するコンテンツを表示する方法All
コンテンツが変更されていないため、タブアクティブは正常に機能しています...
jQuery
HTML