點擊功能在我的Web應用程序中不起作用

Question

我有一個signup和signin 。 在signup模式內部，當我想從此處轉到signin模式並單擊“ signin按鈕時， signup模式將隱藏並顯示signin模式。 從相同的程序發生到signin模式。

但是這里的模式中的這些signin或signup按鈕無效。

我也用過e.preventDefault(); js函數內部，但仍然無法正常工作。

我沒有發現腳本問題，因為我不太擅長JS。

登錄模式

<div class="modal fade bs-modal-sm" id="signin_modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-sm">
                        <div class="modal-content">
                            <br>
                            <div class="bs-example bs-example-tabs">
                                <ul id="signin_myTab" class="nav nav-tabs">
                                  <center><li id="signin_Modal_tab" class="active"><a href="#signin" data-toggle="tab">SIGN IN</a></li></center>
                                </ul>
                            </div>
                          <div class="modal-body">
                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane fade active in" id="signin">

                                    <span id="student_signin_error"></span>

                                    <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>
                                </div>
                            </div>
                          </div>
                          <div class="modal-footer">
                            <center>
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                            </center>
                          </div>
                        </div>
                    </div>
                </div>

腳本

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

如果我在該腳本函數中調用alert() ，它將起作用。 但是$('#signin_Modal').modal('hide'); 此功能不起作用。

有人幫忙嗎？

提前致謝。

Answer 1

您不小心在jQuery選擇器中signin_Modal ，

相反，您應該嘗試選擇signin_modal 。

這只是不時在編碼中發生的事情，快樂的黑客行為:)