rails应用程序中的Javascript语法

Javascript syntax in a rails app

本文关键字：Javascript 语法 应用程序 rails      更新时间：2023-09-26

我正试图在我的rails应用程序中实现Bootstrap Toggle，以显示/隐藏基于复选框选择的div。

<input type="checkbox" unchecked data-toggle="toggle" data-on="Scheduling" data-off="Simple Mode" data-onstyle="success" data-offstyle="default" class="bstoggle" id="bstoggle">
<div id="scheduling_options" style="display: none">
  Configure Scheduling
</div>

我将以下代码添加到相关的.coffee文件中，并将其加载到application.js中，如下所示:

$(document).ready ->
   $(".bstoggle").bootstrapToggle()
   $(".bstoggle").change ->
     $("#scheduling_options").toggle(!this.checked)

复选框以切换方式显示，但切换复选框时不显示div。

我相信这是明显的，但我是非常新的和不熟悉的javascript。

我运行你的代码(无论是在直接html和在rails应用程序)，和div(和文本'配置调度')正在显示当我点击切换(至少第一次)，所以它看起来像它是与你的环境/依赖关系。Bstoggle是一个js插件(http://www.bootstraptoggle.com/)，你可能忽略了包括这个，你可以通过在你的视图文件中包括<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>来做到这一点，或者下载缩小的js并从本地源包含它。这是没有gem的情况(参见实现Bootstrap切换开关)。

相关文章：