CSS不適用於首次點擊

Question

我在一頁中實現了兩個日歷，但是在兩個不同的彈出框中。 這兩個日歷應用了兩種不同的CSS（例如1.css，2.css）。 我使用jQuery在一個彈出框中啟用和禁用日歷。 當前，當日歷打開時我將應用新的CSS，而當日歷關閉時將其刪除。

我的問題是，第一次單擊時，首先要應用舊的CSS，然后關閉日歷並再次單擊它，然后再應用新的CSS。

這是我使用的代碼：

$('#inputField').datepicker({
 beforeShow: function(input, inst) {
        $('div#div1').append($('#ui-datepicker-div'));
        $('link[title=2-css]')[0].disabled=false;
    },
 onClose: function() {
        $('div#div2').append($('#ui-datepicker-div'));
        $('link[title=2-css]')[0].disabled=true;
    }
});

我怎樣才能解決這個問題？

Answer 1

此問題已得到解決。 就像我在問題中提到的那樣，我在同一頁面上有兩個具有不同CSS的日歷。 由於兩個日歷具有相同的組件，因此存在名稱空間沖突。 我將datepicker附加到一個空div的原因是為了隔離一個日歷和另一個日歷。 顯然它確實有效，但並非100％准確。 因此，我更改了一個用作css類的日歷的名稱空間。 這解決了我的問題。