Question

我遇到了问题，每次点击我的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>

Answer 1

这是因为JQuery不知道哪个输入：提交你指的是。 Check this out for help

Answer 2

取决于你想要做什么，但这是因为我假设这是在登录页面上？我相信默认情况下，当您提交输入类型时，它会尝试将表单发送到当前页面。如果它不是表单，只是一个按钮，我建议您改为使用按钮标签：

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

在某些浏览器上，按钮标记不会执行任何操作，但仍可以刷新页面。要停止此行为，请将其附加到您的代码：

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

如果注册按钮只是一个将转到另一个页面的链接，我建议改为使用锚标记。

Answer 3

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

我将我的代码更改为此。它的工作原理

为什么每次我点击我的按钮时，标签会回到原来的位置？

3 个答案: