php - jquery mobile 和 php headers 在下一页打破按钮

Question

我正在制作一个登录 php 文件，该文件使用标头重定向不同类型的用户，并且当它将用户重定向到他们的特定页面时，页面上的按钮变得不可点击。你会帮我吗？

登录 HTML：

 <form action="login-all.php" method="POST">
         <lable>Login:</lable>
         <input type="text" id="name" name="name" placeholder="First Name"/>
         <input type="password" id="pass" placeholder="Password" name="pass"/>
         <button type="submit">Log-In</button>

 </form>

PHP：

if($role === '1' ) { //1 admin - 0 user
          header('Location: admin.php');
          //echo "admin";
      }else{
          header('Location: user.php');
          //echo "user";

      }

User.php 上的按钮（不适用于标头重定向）

 <a href="#input"><button>Input</button></a>
 <a href="#submit"><button>Submit</button></a>

Answer 1

用锚标记包裹按钮不起作用（参见：http: //jsbin.com/ekozud/1/）。相反，您需要使用 javascript 为每个按钮的单击事件添加事件侦听器：

 <button id="google">Go to Google</button>

 <script>
 function goToGoogle() {
     document.location = 'http://www.google.com';
 }

 if(document.addEventListener) {
     document.getElementById('google').addEventListener('click', goToGoogle);
 } else {
     document.getElementById('google').attachEvent('onclick', goToGoogle);
 }
 </script>

当然这种方式的问题是，如果客户端没有js（或者没有启用），这些按钮就不起作用了。我建议改为使用没有按钮的锚并将链接样式设置为按钮（如果您真的需要按钮外观）。