jquery - 使用 jQuery addClass 或自定义 LoadCSS 函数将 css 应用于单个文本框

Question

我正在使用 Django，我想将一些 css 应用于单个文本框。我使用网站 enjoycss.com 创建了一些 css。然后我将这个 css 添加到 Django 的 base.css 的末尾:

.disabledInput {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 20px;
  border: 6px solid #36c40f;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal bold 15px/normal Georgia, serif;
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,252,252,1);
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

我有一个 javascript 函数，我已经验证它可以工作，使用类似这样的东西，它与样式表无关:

$(this).css("background", green);

但是如果我把它注释掉并尝试使用它，它就不起作用:

$(this).addClass("disabledInput");

为什么？

此外，我在自己的名为 disabled.css 的 css 文件中单独创建了相同的 .disabledInput。然后，我尝试将该 css 文件添加到文本框属性中，如下所示:

$(this).loadCSS('admin/css/disabled.css');

LoadCSS 函数如下所示:

$.fn.loadCSS = function(url) {
    if (!$('link[href="' + url + '"]').length)
        $(this).append('<link rel="stylesheet" type="text/css" href="' + url + '">');

为什么不起作用？我忽略了什么？

Answer 1

这是一个缓存文件问题。具体来说:

无效:

• 使用 Invalidate Cache and Restart 命令刷新 PyCharm 中的缓存。
• 使用 Apple Automator 脚本刷新 Safari 和 Chrome 的缓存

工作:

• 进入 Safari 以手动清除历史记录。
• 为 Chrome 下载缓存 killer