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添加到click功能，这将阻止它刷新页面。

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

更新：

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

应该是

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

当你点击div图层中的链接时，你正在告诉jquery你正在点击div图层。

会话已设置，但链接不起作用

1 个答案: