FlatUI - 单选按钮jQuery兼容性

时间:2013-11-10 14:18:19

标签: javascript jquery ruby-on-rails

我当前项目的配置是:

  • 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提供补丁/解决方法?我已经将整个应用程序编码为反对它,我担心它可能会破坏其他地方的应用程序。

1 个答案:

答案 0 :(得分: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”属性也是如此。 您也可以使用与复选框相同的技巧。