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 で使用する正しい方法は何ですか、または JavaScript でボタンの BG img を変更する方が良いですか?

4

3 に答える 3

0

jQuery UI Button Widgetを使用している場合は、次のようにする必要があります。

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

"disabled"の代わりに書くとうまくいく可能性が高いです"disable"

于 2013-10-24T11:51:25.257 に答える
0

jqueryを使用して背景を設定した後、クリックを避けるのに十分なattr disableを設定します

function disableRButton()
{
    $("#carouselBtn").attr("disabled",true);
    $("#carouselBtn").css("background-image",'images/carouselArrowDisabled.png');
}
于 2013-10-24T11:56:47.500 に答える
0

jqueryには、無効という文字列を取るボタン機能があるとは思いません。ボタンを無効にするには、無効な属性をボタンに追加する必要があります。

例えば

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

:disabled セレクターを正しく使用していますが、セレクターの最初の部分が間違っていると思います。ID の名前である.場合、carouselBtn がクラスの名前である場合は、で始まる必要があります。#現在、さまざまな例でこれらを混在させています。

于 2013-10-24T11:50:06.820 に答える