1

私はjqueryの初心者です...ちょうどそれを学び始めました...

私は1つの問題に行き詰まりました.Open Modelアンカーリンクをクリックすると、 Open Modal divがトリガーされ、Open Modal divのコンテンツを含むポップアップウィンドウが1つ表示されます...そのコードは以下です...

  <a href="#opneModal"> Open Model </a>

<div id="openModal" class="modalDialog">
   <div>
    <a href="#close" title="Close" class="close">X</a>
    <h2>Congrats..</h2>
    <p>Now you can apply discount.</p>
   </div>
</div>

ここで出力を見ることができます

今まですべてがうまくいっています。しかし今、フォームを送信するときにポップアップウィンドウ（OpenModal divをトリガー）を開きたい...送信フォームコードは以下のとおりです...

    <form action="" method="POST">
       <input type="text" name="name" required="" placeholder="Name" class="textbox"/>
       <input type="email" name="email" required="" placeholder="Email Address*" class="textbox"/>
      <input type="submit"  id="send" value="SUBMIT" class="button" />
    </form>

    $('form').submit(function(){
        //which code i should write which will call **OpenModal div**
    })

前もって感謝します

4

4 に答える 4

0

必要だと思います（フォームを送信すると、次のdialogように表示されます：

$('#send').click(function(foo){
     foo.preventDefault(); // you can remove this if you change #send type to button

     $('form').submit(function(){ // submit the form and show the dialog
        $('#mylink').click();
     })
});
于 2013-11-12T09:06:28.833 に答える
0 
//then here is your code
$('form').submit(function(e){
        $('#openModal').fadeIn()
        e.preventDefault()
    })
于 2013-11-12T08:50:45.253 に答える