2

jquery mobile を使用して生成するフォームがあります。最初は無効に設定されているドロップダウン リストがあります。

<div data-role="fieldcontain">
    <label for="role-edit" class="select">Project Role:</label>
    <select name="role-edit" id="role-edit" data-native-menu="false" disabled="disabled" class="edit-projectinput">     
        <option value="Admin">Admin</option>
        <option value="Project Manager">Project Manager</option>
        <option value="User">User</option>
    </select>
</div>

jqueryを使用して無効なselectmenuを有効にしたいと思います。私は試した

$(".edit-projectinput").selectmenu("enable");

しかし、それは私にはうまくいきません。

無効になっている選択メニューを有効にする方法を教えてください。可能であれば、無効にする方法を教えてください。

これはデモです: http://jsfiddle.net/lightbringer/dpv2h/1/

4

3 に答える 3

5

ただ行う：

$(document).ready(function(){
     $("select.edit-projectinput").selectmenu("enable");
});

デモ

.edit-projectinput1 つは選択メニュー ウィジェットに変換される実際の選択、次にウィジェット内の 1 つのデフォルトで選択されたスパン要素のクラスを持つ 2 つの項目があることを覚えておいてください。そのため、重要なものを具体的に選択してください。メニューは、enable メソッドを呼び出すだけで既に初期化されています。

于 2013-10-12T03:27:20.287 に答える
1

最初に selectmenu を初期化する必要があります。

$(".edit-projectinput").selectmenu().selectmenu("enable");

また、選択オプションに一意のクラス名を使用します。

于 2013-10-12T03:28:39.090 に答える