javascript - 平面 UI 复选框样式不起作用

Question

我正在编写一个 Rails 应用程序并使用 Flat UI 进行样式设置。我目前正在将 flatui-rails gem 与 twitter-bootstrap-rails gem 结合使用。一切正常，除非将复选框动态添加到页面。样式未与这些复选框相关联，但它与已加载到 DOM 中的复选框相关联。

我正在关注 this flatui-rails gem 的问题，但我似乎无法让这段代码正常工作:

$(document).on("click", "#accounts_for_title", function() {
  $(':checkbox').checkbox();
});

我已经在我的 Rails 应用程序中的 flatui-rails gem 和 application.js 中尝试过，但我一直收到未定义的复选框方法。

我应该把这个 hack 放在更好的地方吗？

Answer 1

如果您正在使用开关，您可以尝试:

jQuery.ajax({
  // ...
  success: function(response) {
  // Once you append html then just execute this jQuery code to initialize the switch checkbox....
    jQuery('your-selector').append(response);
    jQuery("[data-toggle='switch']").wrap('<div class="switch" />').parent().bootstrapSwitch();
  }
});

上面是动态添加复选框后初始化开关。

jQuery("[data-toggle='switch']").wrap('<div class="switch" />').parent().bootstrapSwitch();