关闭图标 (X) 对于 Jquery 对话框不可见

The close icon(X) is not visible for Jquery dialog box

本文关键字:对话框 Jquery 对于 图标      更新时间:2023-09-26

我创建了jquery对话框。它在IE中不显示close(x)按钮,但在FF中它正确显示。请帮我解决这个问题。

J查询版本:1.11.1Jquery UI 版本:1.10.4

法典:

<!-- ui-dialog -->
<div id="dialog" title="Dialog Title">
    <p>Test Me.</p>
</div>
$( "#dialog" ).dialog({
                 width : 400,
              resizable : false,
        buttons: [
        {
            text: "Yes",
            click: function() {
                $( this ).dialog( "close" );
            }
        },
        {
            text: "No",
            click: function() {
                $( this ).dialog( "close" );
            }
        }
    ]
});

确保以正确的顺序加载脚本:

  1. jQuery 核心库<script src="..../jquery-1.11.1.js"></script>
  2. Bootstrap js(如果使用)<script src="/js/bootstrap.min.js"></script>
  3. jQuery UI 库<script src="..../jquery-ui-1.10.4.j.js"></script>