解決html頁面初始化jquery-ui dialog閃一下消失

為dialog 添加class="dialog-init"

設置css樣式

.dialog-init {
    display: none;
}

在公共的js中加

$(".dialog-init").css("display","block");

css文件會先加載讓隱藏掉dialog

$("#avatarDialog").dialog()；方法在后面執行的時候就不會出現一閃的問題了

<div id="avatarDialog" title="更改頭像" class="dialog-init">
    <div class="avatar-container">
        <div class="imageBox">
            <div class="thumbBox"></div>
            <div class="spinner" style="display: none"></div>
        </div>
        <div class="action">
            <div class="new-contentarea tc">
                <a href="javascript:void(0)" class="upload-img">
                    <label for="upload-file">請先選擇圖片...</label>
                </a>
                <input type="file" class="" name="upload-file" id="upload-file"/>
            </div>
            <input type="button" id="btnCrop" class="Btnsty_peyton" value="預覽">
            <input type="button" id="btnZoomIn" class="Btnsty_peyton" value="+">
            <input type="button" id="btnZoomOut" class="Btnsty_peyton" value="-">
        </div>
        <div class="cropped"></div>
    </div>
</div>