每次渲染元素时如何获得新高度并删除css样式

Question

我做了这个link to datepicker。如果单击输入，则会弹出一个 jquery datepicker。当您选择日期时，会添加一个自定义元素。首先，如何在单击下一个和上一个按钮时删除添加的填充。在我添加的 jscript 中，单击上一个或下一个按钮时，填充为空。

$(".ui-datepicker-prev").on("click",function(){
        $(".ui-datepicker").css("padding-left", "");
    });
    $(".ui-datepicker-next").on("click",function(){
        $(".ui-datepicker").css("padding-left", "");
    });

但似乎它不起作用。其次，如何在每次渲染元素时动态更新元素高度。如果您注意到当您单击下一个箭头并且元素高度更高并且您选择了一个日期时，则添加元素的高度（蓝色）在页面加载期间保持不变。即使调整窗口大小也是如此。每次调整元素高度时高度都不会更新。

Answer 1

我只知道一种可能的解决方案，那就是将 datepicker-next 及其 padding 更改为 right。

德米特里

Answer 2

新答案

/* padding-left: 328px; */

您已将其用于填充摆脱它并使用动态类名称，例如 day_on（您有填充和大蓝色区域）day_off（您有 padding-left:0）

旧建议 - 已修改
这个答案是针对第 1 个问题的 - 在我评论过的 css 中 / / 代码请根据您的说服力调整两者。它将帮助您摆脱填充/边距 .ui-datepicker-header .ui-datepicker-prev，.ui-datepicker-header .ui-datepicker-next，.ui-datepicker-header .ui-datepicker-title { 边框：无； 大纲：无； / 边距：5px； */ }

jquery-ui.css:248
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
jquery-ui.css:235
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    /* width: 1.8em; */
    /* height: 1.8em; */
}*