Javascript 的 reload 問題

javascript reload

king742171 2017-05-26 09:47:04 ‧ 6125 瀏覽

我問題標題寫reload問題..
其實..我也不確定是不是跟reload有關..

問題是這樣的..

我寫了一個PHP網頁
內容是要實作繪圖功能
我找了一個JQuery的繪圖工具
UI則套用UIkit

我畫面有一顆按鈕
點擊後會彈出UIkit的對話視窗
視窗中是繪圖模組

因為程式長
我大致結構如下

<script>
    var lc = ..... //宣告繪圖模組(這部分宣告完，便會在我指定ID中顯示繪圖工具和畫布，這邊指定顯示於id:my-draw)
    /*-------儲存編輯區塊--------*/
    if (儲存) { 
        lc.saveshape(.....)
    } else { //載入編輯圖檔
        lc.loadshape(.....)
        .....
        lc.saveshape(.....)
    }
    /*--------------------------*/
</script>

<body>
    <a href="#my-id" data-uk-modal>點擊繪圖</a>
    
    <!-- 彈出對話視窗區塊 -->
    <div id="my-id" class="uk-modal">
        <div class="uk-modal-dialog">
            <a class="uk-modal-close uk-close"></a>
            <div id="my-draw"></div>
        </div>
    </div>
</body>

怕有大大不懂彈出對話視窗的程式碼
這邊附上網址 http://www.getuikit.net/docs/modal.html

我遇到的問題是..
當我首次開啟畫面
點擊繪圖按鈕後
繪圖工具出現了
可是我卻不能畫畫

但奇怪的是...
我本以為我程式碼有問題出錯..
但在偶然間..不小心點到F12開啟Chrome的開發人員模式..
我的繪圖區塊竟然可以開始畫畫..
後來進一步實驗..
發現!!!
只要我瀏覽器視窗畫面大小調整一點點..
就可以開始繪圖..= =

另外..還有一個可以繪圖的條件是..
必須先彈出對話視窗後再調整畫面才能繪畫..
且只要執行一次
後面就可以開始運作正常了..

這情況..看似要為對話視窗reload一樣..
所以我標題才會下與reload有關..

請問這是甚麼問題呢??
有人遇過嗎??
不一定是為了繪圖..
而是..有人遇過需要調整瀏覽器畫面元件才會出現的問題嗎??