禁用旋轉木馬推進按鈕

我有一個旋轉木馬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;}

任何標識eas爲什麼按鈕不禁用會很好。另外，在CSS中使用這個禁用的按鈕標記的正確方法是什麼？或者更好地改變按鈕的BG img在JavaScript中？

來源

2013-10-24 HastingsDirect

我不認爲jquery有一個按鈕函數，它需要一個字符串表示禁用。您需要將禁用的屬性添加到按鈕以禁用它。

例如

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

您使用的是：正確禁用選擇，但選擇的第一部分是錯誤的，我認爲。它應該以.開頭，如果carouselBtn是#類別的名稱（如果它是ID的名稱）。您目前在不同的示例中混合了這些。

來源

2013-10-24 11:50:06

作品，包括後點擊：在CSS改變BG IMG禁用選擇。這個問題不僅僅是我禁用按鈕的語法，而且也是我使用＃而不是。當調用它時。禁用函數現在讀取：$（「。carouselBtn」）。attr（「disabled」，true）; – HastingsDirect

如果您使用的是jQuery UI Button Widget，你必須做這樣說：

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

最有可能當你寫"disabled"而不是"disable"它會奏效。

來源

2013-10-24 11:51:25 dakab

設置ATTR禁用這就是足以避免使用jQuery現在設置背景

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

來源

2013-10-24 11:56:47

謝謝，這是非常接近正確的$（「＃carouselBtn」）必須是$（「。carouselBtn」） - 由於我的命名不正確！ – HastingsDirect

禁用旋轉木馬推進按鈕

回答

相關問題