Question

我写了一个小jquery脚本来显示弹出窗口。此弹出窗口包含标题，文本和图像。数据由PHP提供。

这是弹出窗口的代码：

<div id="praline_box">
    <div id="pralineBox">
        <h1 class="praline_title"></h1>
        <p class="praline_image"><img src="" alt="" class="prImage"/></p>
        <p class="praline_text"></p>
    </div>  
</div>

激活弹出窗口的代码

<a href="#" onClick="return showDialog('praline_box', '{$field->get('value')|escape}', '{$field->get('info')|escape:'htmlall'}', '{$field->getPictureUrl('detail',250,250,true,false,true)}')">
    {if $field->hasPicture()}
        <img src="{$field->getPictureUrl('thumbnail')}" width="39" height="39" alt="{$field->get("value")|escape}" />
    {/if}
</a>

这是我的javascript / jQuery代码：

function showDialog(dialogId, title, infoText, imgLink ) {
    $('#modal-window, #modal-overlay').remove();
    $("#"+dialogId+" h1.praline_title").html('');
    $("#"+dialogId+" p.praline_text").html('');

    $('body').append('<div id="modal-overlay"></div><div id="modal-window"></div>');
    $("#"+dialogId+" h1.praline_title").append(title);
    $("#"+dialogId+" p.praline_text").append(infoText);
    $("#"+dialogId+" p.praline_image .prImage").attr("src", imgLink);
    $('#modal-window').html('<a id="close"></a>'+$("#"+dialogId).html());
    $('#modal-overlay, a#close').click(function(){
        $('#modal-window, #modal-overlay').remove();
    });
    return false;   
}

现在这段代码在Firefox / Chrome / Safari中正常运行。但在IE中它有时会崩溃，我的重定向到主页。有人知道这个问题的解决方案，或者知道我做错了什么？

提前致谢！

Jquery Popup并不总是在IE中工作

0 个答案: