Question

问题是当我按下左导航“a”元素时它应该hide()我的div元素，但它会自动转到?id=$product。 “a”元素是用php创建的，它的href为closebtn，当我在类导航栏中按show()“a”元素时，$(document).ready( function() { $(".sisu").hide(); $('.vasaknav a').click( function() { $(".sisu").show(); }); });是我的div。

JavaScript的：

<?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>";
    }
?>

PHP：

<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>

HTML：

composer require league/oauth2-client

Answer 1

要防止点击<a>（正在重新加载页面/重定向到其他位置）时的默认操作，您应该更改以下代码：

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

使用此功能，您将保持在同一页面上，并显示.sisu元素。

用php显示div元素的JQuery

1 个答案: