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

CSS不会在第一次点击时应用

1 个答案: