link_toポップアップモーダルdivがレールで動作しない

Question

link_to 'Add new progress'をクリックするたびにモーダルポップアップdivを表示するレールアプリケーションを作成しています。 私はそれをやろうとしましたがうまくいきませんでした。 Javascriptは何のエラーもありません私は何をすべきかわかりません。あなたは既にjQueryのを使用しているように、誰

私のコード=ビューファイル

.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を使用してみてください。

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

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