2

設定

jquery-ui を使用してダイアログを作成し、<select> 要素を含むダイアログのタイトルを設定します。

$(".dialog").dialog()
$(".dialog").dialog("option", "draggable", false)    
$(".dialog").dialog("option", "title", "<select><option>option 1</option><option>option 2</option></select>")

問題 (Firefox のみ / [Win7/OpenSuse 12.2 上の Firefox 17/16 でテスト済み)]

ダイアログのタイトルバーには、左クリックしても使用できない選択要素が含まれています。右クリックするか、ショートカットを使用して選択すると開きますが、左クリックでは開きません。

Jsfiddle を介して与えられた例 ( http://jsfiddle.net/cma4X/2/ )

それを修正する方法、または少なくとも問題は何ですか?

4

1 に答える 1

1

jQuery がタイトルバーの入力を無効にしているように見えますが、ダイアログが描画された後に select 要素を追加し、CSS を使用してタイトルに戻すことでこれを回避できます。

jsFiddle の例

$(".dialog").dialog({
    draggable: false,
    open: function(event, ui) {
        $('.ui-dialog-titlebar').after('<select style="position:absolute;top:12px;left:25px;"><option>option 1</option><option>option 2</option></select>');
    }
});
于 2012-12-05T19:44:09.703 に答える