2

Jquery Ui を使用して、次のオプションを使用してダイアログを作成しています。

$("#locations-dialog").dialog({
    autoOpen: false,
    title: '<input type="text" id="location-name" value="New Location">',
    draggable: false,
    modal: false,
    closeOnEscape: true,
    width: 660,
    height: 515,
});

表示されているように、入力フィールドをタイトルとして使用しています。

私が抱えている問題は、その上をクリックしても何も起こらず、テキストを編集できないことです。

私が何か間違っているかどうかはわかりません...しかし、jquery uiで次のように述べています。

有効な HTML をタイトルとして設定できます

4

2 に答える 2

0

ダイアログ ボックスのバインドが問題の原因です。詳細な説明と回避策の例については、この URL を参照してください。

jQuery UIダイアログ - タイトルバーの入力テキストボックスが無効になっていますか?

于 2012-04-11T12:37:03.373 に答える
0

他の人が言ったように、draggableオプションがに設定されていても、ダイアログウィジェットがタイトルバーのすべての要素の選択を無効にするためfalseです。

重複した質問への回答が示唆するように、ダイアログ ウィジェットの作成後にテキスト ボックスをタイトル バーに追加するかenableSelection()、タイトル バー要素の選択を再度有効にするために呼び出すことができます。

$("#locations-dialog").dialog("widget")
                      .find(".ui-dialog-titlebar")
                      .find("*").andSelf()
                      .enableSelection();
于 2012-04-11T12:40:14.753 に答える