關閉圖標（X）對於Jquery對話框不可見

Question

我已經創建了jQuery對話框。 它不會在IE中顯示close（x）按鈕，但是在FF中它會正確顯示。 請幫我解決這個問題。

jQuery版本：1.11.1 jQuery 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" );
            }
        }
    ]
});

Answer 1

確保以正確的順序加載腳本：

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>