2

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

我正在使用 flatui-rails gem 关注这个问题，但我似乎无法让这段代码工作：

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

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

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

4

2 回答 2

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();
于 2013-09-06T00:12:11.857 回答
0

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

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

于 2013-07-15T16:17:35.373 回答