2017-09-28 11 views
0

jquery-modalを使い、buttonclickで呼び起こしたいと思います。私はこれを行うときには、私はボタンでjquery-modalを開く

Uncaught TypeError: Cannot read property 'blur' of undefined 

HTML取得& JavaScriptの

<button>Button</button> 
... 
<form id="login-form" class="modal"> 
    <div>Test</div> 
</form> 
... 
$('button').click(function() { 
    $('#login-form').modal(); 
}); 

答えて

0

あなたはこのようなあなたのコードを試してみました:

$(document).ready(function(){ 
    $('button').click(function() { 
     $('#login-form').modal(); 
    }); 
}); 
+0

私はすでに '(関数($){ ... })(jQueryの)使用しています;' –

+0

はあなたがここに完全なコードを置くことができますしてください。 –

+0

https://pastebin.com/ZVybfbm1 jquery.modal.cssとjquery.modal.jsがhttps://github.com/kylefox/jquery-modalから モーダルは、私がリンクをクリックしたときに作業していて、エラーがされています –

0

あなたはボタンのIDを与え、そのIDを使用することができますクリックイベントを発生させます。

<button id="loginButton">Button</button> 

$('#loginButton').click(function() { 
    $('#login-form').modal(); 
}); 
+0

セレクタの問題ではなく、うまく動作します –

関連する問題