отключить кнопки карусельного перехода

Question

У меня есть карусель с 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?

Answer 1

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

Например

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

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

Answer 2

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

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

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

Answer 3

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

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