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类的日历的名称空间。 这解决了我的问题。