时间戳

首页 > 解决方案 > 引导链接变成普通按钮

php - 引导链接变成普通按钮

问题描述

当我添加引导代码时，我的链接不起作用，它变成了一个普通的按钮。这是我的代码：

<!DOCTYPE html>
<html lang="" dir="ltr">
  <head>
    <link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
     integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l"
     crossorigin="anonymous">
    <link rel="stylesheet" href="profil.css">

    <meta charset="utf-8">
    <title></title>
  </head>

  <body>
    <?php
      echo "<a href='page.php?id={$data["id"]}'class='btn btn-secondary btn-lg disabled' role='button' aria-disabled='true'>Supprimer</a>";
?>   </body></html>

它在删除引导代码时起作用：

echo "<a href='page.php?id={$data["id"]}>Supprimer</a>";

或删除参数时：

echo "<a href='page.php'class='btn btn-secondary btn-lg disabled' role='button' aria-disabled='true'>Supprimer</a>";

当我组合它们时，它不会保持链接。

标签： phphtmlcssbootstrap-4

解决方案

请尝试 onclick，看看它是否适合您。

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<button onclick="location.href='page.php?id={$data["id"]}'" type="button" class="btn btn-info">
         www.site.com</button>



</body>
</html>

推荐阅读