jQuery UI Dialog IE下没有滚动条，显示不正确。

最新推荐文章于 2020-01-15 14:12:43 发布

dontsan

最新推荐文章于 2020-01-15 14:12:43 发布

阅读量334

点赞数

CC 4.0 BY-SA版权

文章标签： IE UI jQuery Ajax Java ViewUI

本文链接：https://blog.youkuaiyun.com/dontsan/article/details/83552939

本文介绍了一个在IE浏览器中使用jQuery Dialog插件时遇到的问题：弹出窗口缺少滚动条且样式无法正常加载。通过调整JavaScript代码，在AJAX加载内容后再打开对话框，并针对IE浏览器单独设置高度的方法解决了该问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

初始化。


<script type="text/javascript">
        $(function(){
            $("#popup").dialog({
                autoOpen: false,
                modal: true,
                width: "800",
		height: "650"
            });
        });
</script>

弹出。按一般的调用，在火狐下没问题，但是在IE下没有滚动条，样式也加不上。



function showFoods(params){
    //params.name=params.name.replace("\'","\\'")

    var url = "restaurantFoods.cfm?" + $.param(params);

    $("#popup").load(url, "", function(){
        $("#popup").dialog('open');
        if ($.browser.msie) {       
            $("#popup").css("height", 600+50);            
        }
    });
}

等ajax页面返回再弹出窗口，如果是IE，重新设置高度。问题解决。