Question

我正在创建一个rails应用程序，我想在每次点击link_to＆＃39;添加新进度＆＃39;时显示模式弹出式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()
})

link_to弹出模式div不在rails中工作

1 个答案: