link_to 弹出模态 div 在 Rails 中不起作用

Question

我正在制作一个 Rails 应用程序，每当我点击 link_to“添加新进度”时，我想在其中显示一个模态弹出 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()
})