2

所以当点击链接时，它会触发页面底部的查询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>

有任何想法吗？

4

1 回答 1

2

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

确保添加 href 并将 preventDefault 添加到 click 函数，这将阻止它刷新页面。

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

更新：

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

应该

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

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

于 2013-08-15T00:58:45.800 回答