Question

点击“空车？”，我解除了工作正常的推车阵列。现在，如果点击这个“空车”按钮，我想要隐藏另一个表单。

HTML：

<form id="f1" action="checkout.php" method="post">
    <input name="cust_login" type="submit" value="Continue" />
</form>    
<br>
<button><a href = "cart.php?cmd=emptycart">empty cart?</a></button>

的javascript：

 <script>
 $(document).ready(function(){
     $("button").click(function(){
        $("#f1").hide();
     });
 });
 </script>

用于取消设置数组的php代码：

if (isset($_GET['cmd']) && $_GET['cmd'] == "emptycart") {
 unset($_SESSION["cart_array"]);

但是隐藏在这里不起作用。

我的问题是，我可以像我写的一样使用按钮和链接吗？如果没有，那么如何实现呢？

Answer 1

尝试使用它：

$(document).ready(function(){
  var cmd = '<?php echo $_GET["cmd"] ;?>' ;
  if(cmd == "emptycart")
  {
     $("#f1").hide();
  }
});

Answer 2

<form id="f1" 
      action="checkout.php" 
      style="<?= (isset($_SESSION['cart_array']) && count($_SESSION['cart_array']))? "display:none;": ""; ?>" 
      method="post">
    <input name="cust_login" type="submit" value="Continue" />
</form>    
<br>
<button><a href = "cart.php?cmd=emptycart">empty cart?</a></button>

在渲染表单上 - 检查购物车是否为空 - 将其呈现为隐藏状态

但在这种情况下你的js代码毫无意义。所以你可以添加

<script>
 $(document).ready(function(){
     $(document).on('click', "a[href='cart.php?cmd=emptycart']", function(ev){
       ev.preventDefault();
       $.get($(this).attr('href', function() {
         $("#f1").hide();
       });
     });
 });
 </script>

没有你的js代码 - 这个会阻止页面重新加载（当你点击链接时会发生这种情况）并通过AJAX发送请求

Answer 3

你可以尝试

maximumSize

或者将类添加到样式文件中，然后在单击按钮时添加该类。

jquery - 隐藏不工作

3 个答案: