【jQuery】bxsliderでスライダーの画像が変更されたら関数が実行されるようにしたい

Question

お世話になっております。

bxsliderを使用しレスポンシブ対応のスライダーを作っております。

bxsliderのオート機能にてメイン画像が切り替わる、
または、prev、nextを押してメイン画像が変わるたびにある関数を実行したいと思います。

そこで、liのstyleが変更されたら関数を実行するといったように記述しようとしたのですが、formでないと.change()などは動かないと知りました。

$("li").change( function() {
console.log('hoge');
}
のように書けば動くのではと勝手に思っていたのですが…

上記のようなイメージで、styleが変更されたら実行するという記述
もしくはその他に何か良い実行方法はないでしょうか？

必要であればコードも記述いたします。
ご教授いただけると幸いです。

Answer 1

bxslider の option で onSlideAfter に設定したら良いかと。
Official Site

$('.bxslider').bxSlider({
  onSlideAfter: function($slideElement, oldIndex, newIndex) {
    console.log('hoge'); 
  }
});

Comments

[miyoshi_work]

ありがとうございます！無事実装できました
助かりました！