javascript - Rails 6 中按钮无法实现功能的错误

Question

我正在学习rails，目前我正在尝试构建一个tinder原型来学习rails的关键概念。

我遇到了一个愚蠢的绊脚石，目前我有一个“浏览”页面，我设置了 js，chrome 控制台上没有错误，但是当单击批准和拒绝按钮时，没有任何操作。

我找不到原因，任何人都可以帮助我吗？

我在下面附上了我的 js 和 html.erb 文件

$(function(){  
var $activeSlide = $('#slides .slide:first-child');

     // show first slide 
  $activeSlide.addClass("slide showing");

$("#decline").on("click", function(){
    goToSlide('decline');

});


$("#approve").on("click", function(){
    goToSlide('approve');

});


function goToSlide(action){
$activeSlide.removeClass("showing");

 
         // send data to controller
        if(action == "approve"){

        } else {

   }


    $activeSlide.addClass("showing");




    //slides[currentSlide].className = 'slide';
    //currentSlide = (n+slides.length)%slides.length;
    //slides[currentSlide].className = 'slide showing';
 }
});

<ul id="slides">
<% @user.each do |user| %>
<li class="slide" data-id="<%= user.id  %>">
  <%= user.username %>
</li>
  <% end %>

</ul>

<button class="controls" id="decline">No</button>
<button class="controls" id="approved">Yes</button>

标签： javascriptruby-on-railsruby