(js/jquery) 自作スライダーの記述でわからない箇所があります。

Question

お世話になっております。
下記、とあるサイトのスライダー部分実装の記述なのですが、
「(s)」、「s()」がなんのためにあり、どんな動きをしているのかがわかりません。
わかる方ご教示いただければ幸いです。
よろしくお願いします。

//mv
  function slider() {
    $(".slider").delay(100).queue(function (s) {//この(s)は何？
        $(".slide:first").delay(100).queue(function (s) {//この(s)は何？
            setInterval(function () {
                var s = $(".slide.is-act"),//現在のスライド
                //三項演算子:もし次の画像があればiには次のスライド。なければ最初のスライドがはいる。
                    i = s.next(".slide").length ? s.next(".slide") : $(".slider .slide:first");
                s.removeClass("is-act"),//現在のact消す
                i.addClass("is-act")//次のスライドにactつける。
            }, 6000),
            s()//このs()は何？
        })
    })
}
slider();

Comments

[kei344]

出典を明記してください。

[退会済みユーザー]

こちらになります。株式会社井上製麺：https://www.is-seimen.co.jp/

[kei344]

この「質問への追記・修正の依頼」の部分はデフォルトで表示されませんので、質問本文に追記することをお勧めします。

Answer 1

答えを言ってしまえば、queue()のコールバックのdequeue用の引数ということになります。
https://api.jquery.com/queue/#queue-queueName-callback

同じ名前だとわかりにくいので書き換えてみます。

function slider() {
    $(".slider").delay(100).queue(function (next1) {
        $(".slide:first").delay(100).queue(function (next2) {
            setInterval(function () {
                var s = $(".slide.is-act"),//現在のスライド
                //三項演算子:もし次の画像があればiには次のスライド。なければ最初のスライドがはいる。
                    i = s.next(".slide").length ? s.next(".slide") : $(".slider .slide:first");
                s.removeClass("is-act"),//現在のact消す
                i.addClass("is-act")//次のスライドにactつける。
            }, 6000),
            next2()
        })
    })
}
slider();

delay().queue()で、animate()系のように時間差をもって動かすことができるのですが、dequeue()しないと後続処理が働かなくなってしまいます。
https://api.jquery.com/queue/#queue-queueName-callback

とはいえ、提示コードでは単に200ミリ秒待っているのと同じで、無駄に複雑にしているように見えます。

Comments

[退会済みユーザー]

ご丁寧にありがとうございました！理解できました><

[x_x]

下のリンクは本当はこちらにしたかったのですが、早く終了したため更新できませんでした＞＜
https://api.jquery.com/dequeue/#dequeue-queueName

[退会済みユーザー]

わざわざありがとうございます...
余談ですが.queueはどんなときに使うのでしょうか？(調べたのですがイマイチ理解できず、、)
また使う際は.dequeueとセットで使う認識でまちがいないですか？

[x_x]

https://api.jquery.com/dequeue/#dequeue-queueName
ここの例のように、animate()でできないこと(classの付け替え等)で行います。
queueで渡されたnext()はdequeue()と同じ意味なので、コールバックの最後にどちらかを呼ぶと覚えておけばいいでしょう。

[退会済みユーザー]

ありがとうございます。理解しました！
本当に助かりました！！