jQuery

Question

我在程序中实现了一个就绪脚本（该论坛前段时间找到），简而言之，它可以更改输入对象中类的名称，并增加了在编写或更改某些内容时将其清除的功能，但是有时，使用post方法存储值，并且在页面重新启动后，不会立即调用该函数。

function tog(v) {
  return v ? 'addClass' : 'removeClass';
}

$(document).on('input', '.clearable', function() {
  $(this)[tog(this.value)]('x');
}).on('mousemove', '.x', function(e) {
  $(this)[tog(this.offsetWidth - 18 < e.clientX - this.getBoundingClientRect().left)]('onX');
}).on('touchstart click', '.onX', function(ev) {
  ev.preventDefault();
  $(this).removeClass('x onX').val('').change();
});

<input name="producent_new" type="text" class="clearable" value="$_POST[producent_new]"/>

Answer 1

处理问题的最简单方法是触发文档加载时每个相关元素的输入事件，因此将执行处理程序并设置您期望的状态。

只需将其添加到脚本中...

$(document).on("ready", function() {
    $(".clearable").trigger("input");
});