問題タブ [unslider]

unsliderプラグインを使用しています。

現在のスライダーがオンの場合にのみ、スライダー内の要素で animate.css クラスをトリガーするだけです。

私が間違っていなければ、unslider は現在アクティブなスライダーにクラス .active を追加するので、私がやろうとしたことは、アニメーション化したい要素の中に「テスト」クラスを入れてから、この css を追加することです:

しかし、うまくいきません。

ここでオンラインで見ることができます：http: //www.felipegrin.com/test-two/

作業中の Web サイトでUnsliderの複数のインスタンスを使用していますが、そのうちの 1 つにナビゲーション矢印が必要です。矢印を追加しましたが、スタイルを設定できません。CSS からアクセスできないようです。ルールも機能しません。!important;

これが私のhtmlです：

これが私のSCSSです（プラグイン自体から生成されたマークアップに基づいています）：

そして私の初期化：

ここにフィドルがあります。

注:すべてのサンプルは空白のコードであり、理解を深めるためにサイズが縮小されています。

どうやっても私のSCSS(CSS)が矢印に届きません。

解決策: Marcos が彼の回答で説明したように、CSS 階層については十分に注意する必要があります。カスタム コンテナーを追加する場合、unslider によってセレクターが少し混同される可能性があります。

コンソールはエラーを返しません。

アンスライダーの使用。

私は持っている：

次に、次のように呼び出します。

すべてのファイルが正しくリンクされています。

ライブバージョンはこちら.

シンプルなフォトギャラリーに jQuery Unslider プラグインを使用していますが、現在の画像をクリックして次の画像に移動するオプションがないように見えることを除いて、うまく機能しているようです。

次のコードを使用してそのオプションを自分で実装しようとしましたが、最初にクリックしたときにのみ機能します。

助けていただければ幸いです、ありがとう！

現在、ポートフォリオ サイトを構築しており、ケース スタディ ページに Unslider.com ギャラリーがあります。ユーザーが自分で作成し、.next および .prev というクラス名を付けた次または前のボタンをクリックできるようにしたいと考えています。これが私のJQueryコードです。

Unslider には次のボタンと前のボタンが付属していることは知っていますが、意図した効果を得るには自分でこれを行う必要があります。コードが機能しない理由についての提案をいただければ幸いです。要素をクリックしたときに関数にアラートを追加しようとしたところ、アラートが正しく表示されたため、JQuery クリックが正しい html 要素にリンクされていることがわかりました。

ありがとう、ジェイミー

最近、vuejs の v-for と Unslider を組み合わせようとしたときに問題が発生しました。

私のHTML

unslider の私の J

v-for と unslider は、分離されている場合にうまく機能します。しかし、私はそれらを組み合わせたいです。誰かがこれから私を助けることができれば、それは素晴らしいことです.

次のようにhttp://unslider.comでカルーセルを作成しようとしています:

オプションを追加すると、すべてのスライドが非表示になりましたanimation: 'fade'。理由がわかりません。

http://codepen.io/tjeu-kayim/pen/EgYYXN