带有 php 的 JQuery 显示 div 元素

Question

问题是当我按下左导航“a”元素时，它应该show()我是div元素，但它会自动转到hide()。 “a”元素是用php创建的，它的href为?id=$product，当我按下导航栏旁边的closebtn“a”元素时，它show()就是我的div。

JavaScript：

$(document).ready( function() {
    $(".sisu").hide();
    $('.vasaknav a').click( function() {
        $(".sisu").show();
    });
});

PHP：

<?php
    $kask=$yhendus->prepare("SELECT id,Product from store GROUP BY Product");
    $kask->bind_result($id, $Product);
    $kask->execute();

    while($kask->fetch()){
        echo "<a href='?id=$Product' style='color:red;'>".htmlspecialchars($Product)."</a>";
    }
?>

HTML：

<div id="Myvasaknav" class="vasaknav">
    <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
    <?php require('php/navlist.php'); ?>
    <a href=#  >test</a>
</div>

<span style="font-size:30px;cursor:pointer" onclick="openNav()" id="click">&#9776;</span>

Answer 1

为防止单击<a> 时的默认操作（正在重新加载页面/重定向到其他地方），您应该更改您的代码，例如：

$(document).ready( function() {
    $(".sisu").hide();
    $('.vasaknav a').click( function() {
        $(".sisu").show();
        return false;   // prevent default action
    });
});

这样，您将停留在同一页面上并显示.sisu 元素。