проблема двойного щелчка

Question

Я сделал слайд-шоу с изображением, которое работает либо со следующей кнопкой, либо, если вы нажмете справа или слева от экрана, отобразится следующий слайд.

Проблема в том, что когда я нажимаю следующую кнопку, также срабатывает привязка щелчка, что означает, что она движется вперед на 2 слайда.

Как я могу получить привязку щелчка, чтобы игнорировать щелчок, если нажата следующая кнопка?!

    $(opts.next).click(function(){

        nextSlide();

    });

    function nextSlide() {
        $slides.eq(currentSlide).fadeOut(opts.speed)

        currentSlide++;

        (currentSlide==totalSlides ? currentSlide=0 : false);

        updateSlideSHow()

    }

    function previousSlide() {
        $slides.eq(currentSlide).fadeOut(opts.speed)

        currentSlide--;

        (currentSlide<0 ? currentSlide=(totalSlides-1) : false);

        updateSlideSHow()

    }

    $(this).bind('mouseup',function(e){
        var ww = $(window).width();

        (e.pageX < (ww/2) ? previousSlide() : nextSlide());
            //alert(e.pageX+"<"+ww);

    });

любая помощь приветствуется!

Answer 1

хорошо - в основном получил щелчок, чтобы проверить URL перед выполнением;

            $(document).bind('click',function(e){
                var ww = $(window).width();

                if(!$(this).attr('href')) $()(e.pageX < (ww/2) ? previousSlide() : nextSlide());
                //alert(e.pageX+"<"+ww);

            });

Answer 2

Просто любопытно, но если нажатие кнопки приведет к следующему событию нажатия, почему бы не оставить кнопку, которая ничего не делает там?

Answer 3

Где находятся кнопки «Далее» в соответствии с DOM?Является ли элемент экрана, на котором я могу щелкнуть и перейти к следующему слайду, родительским элементом этих кнопок?

Причина, по которой я спрашиваю, заключается в том, являются ли они такими, например:

<div id='screen'>
<img id='nextBtn' />
</div>

Я не на 100%, но я подумал бы, если бы вы попытались нажать на кнопку с изображением, чтобы div также регистрировался как щелчок, поскольку он является родительским элементом.Вместо этого вы можете попробовать это:

<div id='screen'></div>
<img id='nextBtn' />

И расположить элемент экрана абсолютно и позади элемента изображения.