Javascript / jquery - 點擊按鈕

Question

我遇到了一個奇怪的問題，當我從表單內部單擊submit button(LOG IN)時，沒有調用javascript函數。

<html>
    <head>
    <title></title>
    <script>
    $('#loginBtn').click(function () {
        $(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
    });
    </script> 
    </head>
</html>

我在這里應該做些什么嗎？ 我無法弄清楚這一點。 我可以請求幫助嗎？

Answer 1

刪除多余的)在結束function hideBtn()

它看起來應該是這樣的

function hideBtn(){
  alert('hello');
};

 <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="app/js/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="app/js/bootstrap/css/bootstrap-theme.min.css"> <link rel="stylesheet" type="text/css" href="app/css/bootsnipLogin.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="app/js/bootstrap/js/bootstrap.min.js"></script> <script type="text/javascript" src="app/js/login.js"></script> <link rel="shortcut icon" href="app/image/favicon.ico" /> </head> <body > <div class="container"> <div class="card card-container"> <br/> <center><img src="app/image/wd-logo.gif"></center> <br/><br/> <img id="profile-img" class="profile-img-card" src="app/image/avatar_2x.png" /> <br/> <p id="profile-name" class="profile-name-card"></p> <form class="form-signin" action="" method="post"> <input id="username" name="username" placeholder="User Name" class="form-control" required autofocus> <br/><br/><br/> <input type="password" id="password" name="password" placeholder="Password" class="form-control" required > <br/><br/><br/> <div align="center"> <span id = "errorspan"><?php echo $error; ?></span> </div> <br/><br/><br/> <button class="btn btn-lg btn-primary btn-block btn-signin" type="submit" name="submit" id="loginBtn">SIGN IN</button> </form><!-- /form --> </div><!-- /card-container --> </div><!-- /container --> <script> $('#loginBtn').click(function(){ // alert('as'); $(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />'); }); </script> </body> </html>

Answer 2

有額外的'）;' 在你的腳本中。 刪除它，它會工作。

function hideBtn(){
    //$(this).html('<img src="http://www.bba-reman.com/images/fbloader.gif" />');
    alert('hello');
}

Answer 3

刪除額外的）然后您的代碼將正常工作，如下所示

 function hideBtn()
    {
       alert('Hii');
    }

Javascript / jquery - 點擊按鈕

問題描述

3 個解決方案

解決方案1
4 已采納 2016-03-25 02:37:11

解決方案2
2 2016-03-25 02:41:00

解決方案3
2 2016-03-25 05:12:48

Javascript / jquery - 點擊按鈕

問題描述

3 個解決方案

解決方案1 4 已采納 2016-03-25 02:37:11

解決方案2 2 2016-03-25 02:41:00

解決方案3 2 2016-03-25 05:12:48

解決方案1
4 已采納 2016-03-25 02:37:11

解決方案2
2 2016-03-25 02:41:00

解決方案3
2 2016-03-25 05:12:48