2

JavaScript を使用してページ上にいくつかの要素を作成し、それらを新しいMaterial Design Liteでドレスアップしようとしています。要素が作成された後、プログラムで要素の無効化を開始しようとするまで、すべて機能します。

トグル スイッチがいくつかあります (JavaScript で作成)。1つがオンになったら、他のものを無効にしたい。

私が使用する場合：

toggle2.disabled = true;

それはうまく機能し、無効になっていますが、次のように試してみるとすぐに:

setInterval(function(){ 

if (toggle1.checked == true) {
    toggle2.disabled = true;
} else {
    toggle2.disabled = false;
}

}, 1000);

toggle2 は視覚的にはまだアクティブです。波及効果は機能しますが、オンにスライドしないため、視覚的にではなくバックグラウンドで無効になっています。

例としてJSFiddleを次に示します（HTML要素を使用しますが、JSで作成したものでも同じことが起こります）

また、ここに問題のビデオがあります。その中で、3 番目のダウンは によって無効にされtoggle3.disabled = true;、4 番目のダウンは 2 番目のダウンの状態に基づいて IF ステートメントによって無効にされます。

何か間違っているのか、それとも MDL 自体のバグなのかはわかりません。

ありがとう

4

2 に答える 2