Div出現基於選擇框選擇的問題Rails 5

我有一個Rails 5 Ruby 2.4.0應用程序，我正在研究。工作流程的簡要介紹是用戶選擇一個手機制造商，並被重定向到相應的「顯示」頁面，在那裏通過動態創建的帶有手機型號的選擇框來滿足它們，他們選擇一個模型並在下面出現要求確認的div這是他們的設備型號。Div出現基於選擇框選擇的問題Rails 5

截至目前我有選擇框，它填充（代碼如下），但是當我選擇一個設備各自的div不會出現。我不知道我要去的地方錯了惡劣天氣而選擇框，格或JavaScript

我的選擇框如下：

<div class="form-group"> 
    <label for="deviceSelect">Select Your <%= @manufacturer.name.titleize %> Device</label> 
    <select class="form-control div-toggle" data-target=".device-names"> 
    <option>Select Device</option> 
    <% @devices.each do |device| %> 
     <option value="<%= device.device_name %>" data-show=".<%= device.device_name %>"><%= device.device_name.titleize %></option> 
    <% end %> 
    </select> 
</div>

我的事業部是爲如下：

<div class="device-names"> 
    <% @devices.each do |device_div| %> 
     <div class="<%= device_div.device_name %> invisible"> 
     <%= device_div.device_name %> 
     </div> 
    <% end %> 
</div>

我的JavaScript如下：

<script type="text/javascript"> 
    $(document).on('change', '.div-toggle', function() { 
    var target = $(this).data('target'); 
    var show = $("option:selected", this).data('show'); 
    $(target).children().addClass('invisible'); 
    $(show).removeClass('invisible'); 
    }): 
    $(document).ready(function() { 
    $('.div-toggle').trigger('change'); 
    }); 
</script>

我似乎沒有得到任何控制檯錯誤，我不能確定在哪裏出了問題。我對javaScript也比較陌生，任何幫助都將不勝感激！

在此先感謝！

來源

2017-05-07 Shawn Wilson