Question

我正在使用Flat UI编写rails应用程序和样式。我目前正在使用flatui-rails gem和twitter-bootstrap-rails gem。除非将复选框动态添加到页面，否则一切正常。样式与这些复选框没有关联，但它与已加载到DOM中的复选框相关联。

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

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

我在我的rails应用程序中的flatui-rails gem和application.js中尝试过它，但我一直没有定义一个复选框方法。

我应该把这个黑客放得更好吗？

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();

Answer 2

您在本地版本的宝石中所做的Amy更改将不会反映在您的应用中，因为宝石本身不会更改。

放置您的javascript的位置可以在您想要的页面上，在“content_for：head”块中，也可以在您应用中的单独js文件中。

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

2 个答案: