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

Flat UI Checkbox Styling Not Working

本文关键字：不起作用 样式 复选框 UI 平面      更新时间：2023-09-26

我正在编写一个rails应用程序，并使用Flat UI进行样式设置。我目前正在使用flatuiRails-gem和twitter引导程序rails-gem。除了在页面中动态添加复选框之外，其他一切都很正常。样式并没有与这些复选框相关联，而是与已经加载到DOM中的复选框相联系。

我一直在关注flatui-rails gem的这个问题，但我似乎无法让这个小代码正常工作：

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

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

有没有更好的地方我应该放这个黑客？

如果您正在使用交换机，您可以尝试：

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

Amy您在本地版本的gem中所做的更改不会反映在您的应用程序中，因为gem本身没有更改。

放置javascript的位置要么在您想要的页面上，要么在"content_for:head"块中，要么在应用程序中的单独js文件中。

相关文章：