link_to弹出模式div在rails中不起作用

Question

我正在制作一个Rails应用程序，每当我单击link_to'Add new Progress'时，我都想在其中显示一个模式弹出div，我试图这样做但效果不佳。 JavaScript没有给出错误，我不知道该怎么办。 请帮助任何人

我的代码=查看文件

.modal.fade#myModal
.mymodal-content
    My content goes here
#main_div_index.row.clearfix

    #index_sidebar_aims
        %h4=link_to 'I have a new AIM' ,{'class':'opener','data-toggle':"modal" ,'data-target':"#myModal"}
        %br
        %h4=link_to 'I made progress' , aims_path
#index_progress_div.col-md-6.col-xs-6.col-sm-6
    show feeds from : 

我的代码= JavaScript

var open = $('.opener');
var modal = $('.mymodal');

 open.onclick = function(){
    modal.style.display='show';
 }

我的代码CSS

.mymodal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

 /* Modal Content */
 .mymodal-content {
  position: relative;
  background-color: #fefefe; }

Answer 1

似乎您已经在使用jQuery。 尝试使用jQuery在点击时显示模式；

var open = $('.opener');
var modal = $('.mymodal');

open.on('click', function(e){
    e.preventDefault();
    modal.show()
})