Dotaz: Jquery Dialog v IE se otevře jen jednou

[wr]

Ahoj,

snažím se vytvořit Jquery UI Dialog, který se zobrazí po kliknutí na button tlačítko. U IE7  se stává, že se Dialog zobrazí pouze jednou, po dalším klikání na button se objevuje jen overlay vrstva. Ve FF vše funguje.

Nevíte v čem dělám chybu?

jQuery(function($) {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        width: '400px',
        overlay: {opacity: 0.4, background: 'black'},
        buttons: {'Ok': function() {$(this).dialog('close');}},
        hide: 'drop'
    });

    $("#mybutton").click(function (){
        $("#dialog").dialog('open');
        return false;
    });
});

Odpovědi

[volvox]

Tipnul bych si, že jádro problému neleží v javascriptu, jako spíš v CSS, který na stránce používáte. Zkuste tu HTML stránku osekat na minimum, nejlépe bez vlastních stylů a vyzkoušejte znova. Pokud vám to ani potom nepůjde, vložte celý HTML soubor jako přílohu, aby byl zřejmý kontext.

[wr]

Příloha:

• dialog.html (971 bytů)

Díky za tip, ale stále bez úspěchu. V příloze je právě příklad pro který mi to nefunguje.

[Libor]

Zdravím, problém je v tom, že dialog se musí "zrušit" (destroy)...takže váš skript bude vypadat nějak takhle

jQuery(function($) {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        width: '400px',
        overlay: {opacity: 0.4, background: 'black'},
        buttons: {'Ok': function() {$(this).dialog('close');}},
        hide: 'drop',
        close: function(){
          $("#dialog").dialog('destroy');
        }
    });

    $("#mybutton").click(function (){
        $("#dialog").dialog('open');
        return false;
    });
});

[Filip Jirsák]

Upravil jsem formátování příspěvku, pro výpis kódu používejte tag <pre>, případně <pre class="kod">, zachovají se pak konce řádků.