отключить кнопки продвижения карусели

Question

отключить кнопки продвижения карусели

0

У меня есть карусель с 3 панелями, управляемыми стрелками влево и вправо. Я хочу, чтобы левая стрелка отключилась на панели 1 и стрелка вправо, чтобы отключить панель 3, поэтому карусель не зацикливается.

Я написал функцию отключения кнопки, которая работает, но не будет, когда я попытаюсь вызвать ее из правильной панели.

Вот javascript, который продвигает панель карусели, вызвав кнопку со стрелкой вправо:

if(currentPane==1){

        currentPane=2;

        $("#carouselDots").css('background-image', 'url(images/dots_2.png)');   
}
else if(currentPane==2){

        currentPane=3;

        $("#carouselDots").css('background-image', 'url(images/dots_3.png)');

        disableRButton();               
}

вот функция disableRButton:

function disableRButton()
{
    $("#carouselBtn").button("disable");
}

Я также хочу, чтобы кнопка меняла свой BG img, когда отключена, это то, что я пытаюсь сделать в CSS:

.carouselBtn:disabled{
background:transparent url('images/carouselArrowDisabled.png')no-repeat;}

Любые идеи о том, почему кнопка не отключается, были бы замечательными. Кроме того, каков правильный способ использования этого тега отключенной кнопки в CSS, или лучше изменить кнопку BG img в javascript?

HastingsDirect 24 окт. 2013, в 13:48

Источник

Теги:

javascript

jquery

html

css

css3

3 ответа

0

вы устанавливаете attr disable thats достаточно, чтобы избежать щелчков после использования jquery для установки фона

function disableRButton()
{
    $("#carouselBtn").attr("disabled",true);
    $("#carouselBtn").css("background-image",'images/carouselArrowDisabled.png');
}

Sridhar R 24 окт. 2013, в 10:47

0

спасибо, это было очень близко к исправлению $ ("# carouselBtn") должен был быть $ (". carouselBtn") - из-за моего неправильного именования!
HastingsDirect 24 окт. 2013, в 12:09

0

Если вы используете виджет кнопки JQuery UI Button, вы должны сделать это следующим образом:

$("#carouselBtn").button({disabled:true});

Скорее всего, он будет работать, когда вы будете писать "disabled" вместо "disable".

dakab 24 окт. 2013, в 10:34

Ещё вопросы

спасибо, это было очень близко к исправлению $ ("# carouselBtn") должен был быть $ (". carouselBtn") - из-за моего неправильного именования!

Jim Jeffries · Accepted Answer · 2013-10-24T10-35-00.000Z

Я не думаю, что у jquery есть функция кнопки, которая выводит строку с отключенным. Чтобы отключить его, вам нужно добавить отключенный атрибут.

Например

$("my-button").attr("disabled", true);

Вы правильно используете селектор: disabled, но первая часть селектора ошибочна, я думаю. Он должен начинаться с . если carouselBtn - это имя класса # если это имя идентификатора. В настоящее время вы смешиваете их в разных примерах.

работает, включая: отключенный селектор в css, изменяющий BG img. Проблема заключалась не только в моем синтаксисе для отключения кнопки, но и в том, что я использовал # вместо. при звонке Функция отключения теперь читает: $ (". CarouselBtn"). Attr ("disabled", true);