Javascript 禁用转盘前进按钮

我有一个旋转木马，有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();               
}

以下是DisableButton函数：

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

我还希望按钮在禁用时更改其BG img这是我在CSS中尝试做的：

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

---

任何关于为什么按钮没有禁用的想法都会很好。另外，在CSS中使用这个禁用的按钮标记的正确方法是什么，或者在javascript中更改按钮的BG img更好？

我认为jquery没有一个按钮函数，它的字符串是disabled。您需要向按钮添加禁用的属性以禁用它

比如说

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

您正确地使用了：disabled选择器，但我认为选择器的第一部分是错误的。如果carouselBtn是

类的名称，则应以

开头。如果它是ID的名称，则应以

开头。您当前在不同的示例中混合了这些名称。

如果您使用，则必须以以下方式执行：

$（“#carouselBtn”）。按钮（{disabled:true}）

当您编写
“disabled”
而不是
“disabled”
时，它很可能会起作用。您设置了attr disable，这足以避免在使用jquery设置背景后的点击

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

现在可以工作了，包括css中的：disabled选择器更改BG img。问题不仅在于我禁用按钮的语法，还在于我使用了#而不是。打电话的时候。禁用函数现在读取：$（“.carouselBtn”）.attr（“disabled”，true）；谢谢，这是非常接近正确的$（“#carouselBtn”）必须是$（“.carouselBtn”）-由于我不正确的命名！