jQuery UI модальный диалог, сдвигающийся за dropdownlists в IE6

Question

Я только что установил диалоговое окно jQuery UI на веб-страницу. Это первый раз, когда я его использовал. Я думал, что правильно установил свойство bgiframe, но когда я проверяю его в IE6, он все еще ускользает от dropdownlists. Вот мой код javascript. На странице ничего нет. Простой div с текстом и привязкой к некоторому тексту для «jClick». Любые идеи, почему это происходит в IE6?

$(document).ready(function(){ 
    $("#dialog").dialog({ 
     bgiframe: true, autoOpen: false, 
     overlay: { backgroundColor: '#000', opacity: 0 }, 
     width: 400, 
     height: 200, 
     modal: true, 
     buttons: { 
       'Delete all items in recycle bin': function() { 
        $(this).dialog('close');}, 
       Cancel: function() {$(this).dialog('close');} 
      } 
    }); 

    $("#jClick").click(function(event){ 
     $("#dialog").dialog('open'); 
     event.preventDefault(); 
    }); 

}); 

Answer 1

необходимо использовать плагин jquery, он называется bgiframe iirc. там вы найдете объяснение поведения, которое вы видите.

Answer 2

Вам также необходимо включить jg. Недостаточно установить bgiframe в true. Может быть, ui должен реализовать это сам, поскольку это молчаливая зависимость, которая терпит неудачу без ошибок, не уверен, что мне это нравится.

Получить его здесь http://plugins.jquery.com/project/bgiframe