0

unsliderコンテナ内でヘッダーテキストを次々とフェードインする関数を呼び出そうとしていました。最良の方法は、各スライド トランジションが完了した後におそらく関数を呼び出すことです。

しかし、Unslider の「complete」オプションを使用して呼び出された関数を取得できないようです。

次のコードでも機能しません。

 $('.banner').unslider({
    complete: function() {
       alert("Test");
     }
 });

スライダーは正常に動作していますが、ヘッダー テキストをアニメーション化する機能はトリガーされません。

Unslider Web サイトの指示に従って HTML をセットアップしました

   <div class="banner">
     <ul>
         <li style="background-image: url('image1.jpg')">
               <h1> Heading 1 </h1>
               <h2> Heading 2 </h1>
         </li>
         <li style="background-image: url('image2.jpg')">
               <h1> Heading 1 </h1>
               <h2> Heading 2 </h1>
         </li>
     </ul>
  </div>

私は自分が間違っていることを本当に理解していません。誰かが私に道を教えてくれれば幸いです。

前もって感謝します!

4

1 に答える 1