點擊功能在javascript中不起作用

Question

我有一個signup和signin 。 在單擊signin按鈕時signup模式，然后signup模式將隱藏，並且將出現signin模式。 從相同的程序發生signin模式。

但是這里模態中的這些signin或signup按鈕不起作用。

因為我不善於JS，所以我沒有發現腳本問題。

這是模態

<form class="form-horizontal" id="signin_form">
                                        <input type="hidden" name="_token" id="csrf-token" value="{{ Session::token() }}" />
                                        <fieldset>
                                        <!-- Sign In Form -->

                                        <!-- Email input-->
                                        <div class="control-group">
                                          <div class="controls">
                                            <input required="" id="signin_email" name="email" class="col-ld-12 col-md-12 col-sm-12" type="email" placeholder="Email" class="input-medium">
                                          </div>
                                        </div>

                                        <div class="control-group">
                                          <div class="controls">
                                            <input required="" id="signin_password" name="password" class="col-ld-12 col-md-12 col-sm-12" type="password" placeholder="Password" class="input-medium">
                                          </div>
                                        </div>

                                        <!-- Button -->
                                        <div class="control-group">
                                          <div class="controls modal_submit_button">
                                            <button type="button" class="btn btn-success" id="signin_form_submit_button">Sign In</button>
                                          </div>
                                        </div>

                                         <div class="control-group">
                                          <div class="controls modal_submit_button">
                                            Don't have an account ! Click here to 
                                            <a href="#" class="signup_from_signin_modal">Sign Up</a>
                                          </div>
                                        </div>
                                        </fieldset>
                                    </form>

腳本

$(document).ready(function(){
$('.signup_from_signin_modal').on("click", function() {
  $('#signin_Modal').modal('hide');
  $('#myModal').modal('show');
});
$('.signin_from_signup_modal').on("click", function() {
  $('#myModal').modal('hide');
  $('#signin_Modal').modal('show');
});
});

此外， console不會顯示任何錯誤。

有人幫忙嗎？ 提前致謝

Answer 1

首先，在click的處理函數中，您應該阻止<a>標記的默認操作。 像這樣：

  $(document).ready(function(){
   $('.signup_from_signin_modal').on("click", function(e) {
   e.preventDefault();
   $('#signin_Modal').modal('hide');
   $('#myModal').modal('show');
  });

如果這有幫助，請告訴我並將此原則應用於已經關聯了默認事件的其他HTML標記。 比如提交類型按鈕的表格。 不要忘記阻止此默認事件，以便您可以使用指定的事件。 希望這可以幫助。

Answer 2

代碼中缺少位置。 這就是為什么我不明白這個問題。 你能試試嗎？

  $(document).ready(function(){

$('.signup_from_signin_modal').click(function(e) {
  e.preventDefault()
  $('#signin_Modal').hide();
  $('#myModal').show()
})
  });

#myModal在哪里？