爲什麼每次點擊我的按鈕時，標籤都會返回原來的位置？

我遇到了問題，每次點擊我的btn_register該選項卡會返回到登錄。爲什麼是這樣？爲什麼每次點擊我的按鈕時，標籤都會返回原來的位置？

這裏是我的JavaScript代碼：

$(function() { 
     $("input:submit").button(); 
     $("#tabs").tabs(); 
    });

這裏是我的HTML代碼：

<section id="tabs"> 
<ul> 
    <li><a href="#login">Login</a></li> 
    <li><a href="#register">Register</a></li> 
</ul> 
<article id="login"> 
    <p> 
     <form> 
      <input type="submit" id="btn_login"> 
     </form> 
    </p> 
</article> 
<article id="register"> 
     <form> 
      <input type="submit" id="btn_register"> 
     </form> 
    </p> 
</article>

來源

2012-09-22 Brained Washed

看起來你沒有告訴它做任何事情的按下提交/註冊。 – Dom

這是因爲jQuery不知道哪個輸入：提交你指的是。 Check this out for help

來源

2012-09-22 01:47:57 noel

所以最好的解決辦法是將它們分開？ –

取決於你想要做什麼，但這是因爲我假設這是登錄頁面？我相信默認情況下，當你有一個輸入類型提交時，它會嘗試發送表單到當前頁面。如果它不是一個形式，而只是一個按鈕，我建議你使用按鈕標籤來代替：

<button id='btn_register'>Register</button>

在某些瀏覽器，按鈕標籤都不會做，但它仍然可以刷新頁面。制止這種行爲，把這段代碼：

$('#btn_register').on('click',function(e) { 
    e.preventDefault(); 
    //do whatever you want to here   
});

如果註冊按鈕只是假設是一個鏈接，去到另一個網頁，我建議使用錨標籤來代替。

來源

2012-09-22 01:51:05 kennypu

 $("#btn_login").button(); 
    $("#btn_register").button();

我將我的代碼更改爲此。它可以工作

來源

2012-09-22 01:54:54

爲什麼每次點擊我的按鈕時，標籤都會返回原來的位置？

回答

相關問題