javascript - FlatUI - 单选按钮 jQuery 兼容性

Question

我当前项目的配置是:

• Ruby on Rails 4.0.1，带有 turbo 链接
• jQuery 1.10.2(来自谷歌的 CDN)
• FlatUI Pro 1.2.2 版，其中包括
• "flatui-radio.js"v0.0.3

我正在尝试使用提供的 html 来集成它的单选按钮:

<label class="radio">
  <input type="radio" name="group1" value="2" data-toggle="radio" checked>
  Radio is on
</label>

我面临着与他们的支持“https://github.com/designmodo/Flat-UI-Pro-Support/issues/52”中描述的相同问题:单选按钮仅在我降级到 jQuery 1.8.3 时才有效。

发生这种情况有什么原因吗？ 有没有人有更新版本的 jQuery 的补丁/解决方法？我已经针对它编写了整个应用程序，我担心它可能会在其他地方破坏应用程序。

Answer 1

即使这个问题很老，我最近也遇到过这个问题，所以这是我用来使单选按钮在 Firefox 中工作的修复方法:

在 flatui-radio.js 的第 54 行:

$el.get(0).checked = true;

如果需要，可以将此代码包装在 if 语句中，或者只需将其添加到语句末尾即可:

if (checked == false) $parent.addClass(ch) && $el.prop(ch, true) && $el.get(0).checked = true;

如果没有此修复，与单选按钮对应的 DOM 元素永远不会将“checked”属性设置为 true，即使设置了“checked”属性也是如此。 您也可以对复选框使用相同的技巧。