JQUeryUI Dialog und HTML-Auswahl

Question

Ich habe eine ASPX-Seite, auf der der Dialog jQuery UI auf dem Bildschirm angezeigt wird, wenn eine Schaltfläche angeklickt wird. Wenn das UI-Dialogfeld aktiv ist, kann der Benutzer nicht mit anderen controls.ITs interagieren. Aber ich habe eine Dropdown-Liste (Select) auf der Seite. Sie ist immer noch aktiv. Benutzer kann gehen und wählen Sie eine beliebige Option aus dem Dropdown. Ich weiß, dass in IE6, es betrachtet Box als ein neues Element. Wie kann ich das lösen? Ich möchte Benutzer davon abhalten, den Inhalt der Dropdown-Liste zu ändern, wenn der Benutzeroberflächen-Dialog aktiv ist.

Irgendwelche Gedanken? Vielen Dank im Voraus

bearbeiten My Style tage im Inneren des Kopfes

<style type="text/css"> 
    body { font-size: 62.5%; } 
    label, input { display:block; 
     width: 94px; 
    } 
    input.text { margin-bottom:12px; width:95%; padding: .4em; } 
    fieldset { padding:0; border:0; margin-top:25px; } 
    h1 { font-size: 1.2em; margin: .6em 0; } 
    div#users-contain { width: 350px; margin: 20px 0; } 
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; } 
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; } 
    .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none; !important; cursor:pointer; position: relative; text-align: center; } 
    .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em; } 
    #dialog{ 
    display: none; 
    } 


</style> 

und ich die dialog.open Methode bin mit dem Dialog

$("#dialog").dialog("open"); 

Answer 1

Basierend zeigen auf dem folgenden Beispiel:

http://jsbin.com/ibeje

Ich kann nicht replizieren, was passiert. Da ist noch etwas anderes los. Stellen Sie die Z-Reihenfolge der Auswahlbox selbst ein?

Answer 2

Ich bin die gleiche Sache derzeit mit IE6 erleben. Meine Aspx-Seite hat mehrere HTML-Auswahlmöglichkeiten und sie werden über das Dialogfeld jQuery UI 1.7.1 angezeigt, das über ihnen angezeigt wird. Ich glaube, dass dies passiert, weil der Dialog nicht eine versteckte/null Opazität iFrame unter dem Dialog platziert. Ich würde erwarten, dass UI-Entwickler dies bereits für uns IE6 Jungs getan haben, aber da ist es.

Wenn ich eine bequeme Lösung dafür finde, werde ich es posten oder wenn eine andere gute Seele das tun könnte, wäre das großartig.

Der Link altCognito eingereicht hat auch dieses Problem in IE6 zu.

Diese Seite verweist auf die iframe fix, aber es nicht speziell für die UI-Dialog: ht tp: //stackoverflow.com/questions/7937/solve-the-ie-select-overlap-bug

Leider Im a neue Benutzer und neue Benutzer nicht

Addtionally schreiben arbeiten Hyperlinks erlaubt, Du:

$ dialog ({modal: true}); ('Selektor.').

Um Ihren Dialog modal und blockieren Interaktion mit der übergeordneten Seite?

Answer 3

im Dialog müssen Sie bgiframe einstellen: true und schließen auch die bgiframe Plugin

see here