php - session 已设置，但链接不起作用

Question

因此，当点击链接时，它会触发页面底部的查询 hide div ，以及session为菜单状态设置变量。然而我的<a>链接标签似乎不起作用。

如果我添加href=""，链接就会起作用。 ，但是当它们被点击时，它们只是刷新页面，并不会触发页面底部的查询。

我的页面顶部有这个PHP:

<?php
session_start();
if (isset($_GET['menu_state'])) {$_SESSION['menu_state'] = $_GET['menu_state'];}
?>

然后再往下一点，我有:

<?php
if($_SESSION["menu_state"] == 'visable')
{
    $show_menu = 'style="display:none;"';
    $hide_menu = 'style="display:block;"';
    $page_cont = '';
    $nav = 'style="display:block;"';
}
elseif($_SESSION["menu_state"] == 'hidden')
{
    $show_menu = 'style="display:block;"';
    $hide_menu = 'style="display:none;"';
    $page_cont = 'width:100%;';
    $nav = 'style="display:none;"';
}
elseif($_SESSION["menu_state"] == '')
{
    $show_menu = 'style="display:none;"';
    $hide_menu = 'style="display:block;"';
    $page_cont = '';
    $nav = 'style="display:block;"';
}
?>

<div class="show_menu" <?php echo $show_menu; ?>><a>Show Menu</a></div>
<div class="hide_menu" <?php echo $hide_menu; ?>><a>Hide Menu</a></div>

在页面底部:

<script type = "text/javascript.php">
$('.show_menu').click(function() {
   $('#nav').toggle();
   $("#page_cont").css("margin-left", "200px");
   $(".hide_menu").css("display", "block");
   $(".show_menu").css("display", "none");
   jQuery('#div_session_write').load('headervertical.php?menu_state=visable');
});
$('.hide_menu').click(function() {
   $('#nav').toggle();
   $("#page_cont").css("margin-left", "0");
   $(".hide_menu").css("display", "none");
   $(".show_menu").css("display", "block");
   jQuery('#div_session_write').load('headervertical.php?menu_state=hidden');
});
</script>

有什么想法吗？

Answer 1

http://api.jquery.com/event.preventDefault/

确保添加 href 并将 PreventDefault 添加到点击函数中，这将阻止其刷新页面。

此外，您还为 div 设置了点击事件的类，而不是 a 标记。所以 jquery 永远不会被调用，我会在 a 标签上放置一个类或我会使其成为您检查点击事件的对象。

更新:

<div class="show_menu"><a></a></div>

应该是

<div><a class="show_menu" href=""></a></div>

当您单击 div 层内的链接时，您正在告诉 jquery 您正在单击该 div 层。