Блог

Я видел этот вопрос по этой ссылке, посетите его, чтобы понять, что я имею в виду: проведите справа налево — это похоже на мою проблему, но я хочу сделать это с помощью щелчка, а не автоматического.

Я имею в виду вытащить следующий элемент. Я надеюсь, вы понимаете, что я имею в виду. Я использовал Google Translate.потому что я не очень хорошо знаю английский. Спасибо

Это мои коды:

 <div class="row">
                <div class="col-lg-4 col-md-4">
                    <div class="more-inf-items ">
                        <div class="body-find-more-img">
                            <img src="../../Images/conferenceImage.png" />
                        </div>
                        <div>
                            <div class="body-find-more-titile">
                                <h3>Confrance</h3>
                            </div>
                            <div class="body-find-more-decoration">
                                <blockquote>
                                    Browsers generally render blockquote text as indented text. If your
                                    quoted text needs to display within a non-quoted paragraph, you should use the
                                    Browsers generally render blockquote text as indented text. If your
                                    quoted text needs to display within a non-quoted paragraph, you should use the
                                    Browsers generally render blockquote text as indented text. If your

                                </blockquote>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="more-inf-items ">
                        <div class="body-find-more-img">
                            <img src="../../Images/how-get-girl-interested-men-facts.png" />
                        </div>
                        <div>
                            <div class="body-find-more-titile">
                                <h3>Dating</h3>
                            </div>
                            <div class="body-find-more-decoration">
                                <blockquote>
                                    Browsers generally render blockquote text as indented text. If your
                                    quoted text needs to display within a non-quoted paragraph, you should use the
                                    Browsers generally render blockquote text as indented text. If your
                                    quoted text needs to display within a non-quoted paragraph, you should use the

                                </blockquote>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4">
                    <div class="more-inf-items">
                        <div class="body-find-more-img">
                            <img src="../../Images/preview.png" />
                        </div>
                        <div>
                            <div class="body-find-more-titile">
                                <h3>Dating</h3>
                            </div>
                            <div class="body-find-more-decoration">
                                <blockquote>
                                    Browsers generally render blockquote text as indented text. If your
                                    quoted text needs to display within a non-quoted paragraph, you should use the
                                    Browsers generally render blockquote text as indented text. If your
                                    quoted text needs to display within a non-quoted paragraph, you should use the
                                    Browsers generally render blockquote text as indented text. If your

                                </blockquote>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
  

В моих кодах есть 3 элемента, с помощью которых я хочу выполнить это действие, но щелчком мыши.

Из кода в JSFiddle, setInterval(cycle, delay); это код, который запускает действие.

setInterval(функция, миллисекунды, параметры 1, 2, …)

Метод setInterval() вызывает функцию или вычисляет выражение с заданными интервалами (в миллисекундах).

Следовательно, вместо того, чтобы разрешать вызывать действие каждый интервал, вы можете заменить setInterval(...) на $('.container').click(cycle); , чтобы разрешать cycle() вызываться при $('.container') нажатии.

jQuery .click (обработчик)

Привяжите обработчик события к событию JavaScript «click» или запустите это событие для элемента.