0

このプラグインを使用して、ページのチェック ボックスとラジオ ボタンをカスタマイズしています。

これらのラジオ ボタンは、div#Main他の HTML 要素から構成される要素内にあります。divボタンのクリックでこれをすべて無効にする必要があります（私はjQueryを使用しています）。このために、次のコードがあります。

HTML

<input type="button" id="DisableElements" value="Disable elements" />

<div id="Main">
    <input type="radio" class="styled" name="reg-all"/>
    <input type="radio" class="styled" name="reg-all"/>

    <select id="MyList">
        <option value="1">Choice-1</option>
        <option value="2">Choice-2</option>
    </select>

    <textarea id="Comments" rows="4" cols="5"></textarea>
</div>

脚本

$(function(){
    $('#DisableElements').click(function(){
        $('#Main').find('*').attr('disabled', 'disabled');
    });
});

問題:ラジオ ボタンを除くすべてが正しく無効になりました。

舞台裏では、プラグイン スクリプトが実際のラジオ ボタンを隠し、span毛布のようにラジオ ボタンの上に を置きます。これspanは、ラジオ ボタンの選択に応じて更新されるさまざまな状態 (オンとオフ) の背景画像スプライトを持っています。これがこのプラグインの働きでした。

プラグインの組み込みメソッドを使用して機能を無効化/破棄することもできましたが、そのためのメソッドが見つかりませんでした。

4

2 に答える 2

1

DOM の読み込みが完了した後、画像は少し遅れて読み込まれます。

で関数を呼び出すことができます$(window).load()。

それが役立つことを願っています。

于 2013-01-21T06:28:22.583 に答える