会话已设置，但链接不起作用
会话已设置，但链接不起作用
提问于 2013-08-15 00:47:35
因此，当单击链接时，它会触发页面底部的查询，以hide 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>有什么想法吗？
回答 1
Stack Overflow用户
发布于 2013-08-15 00:58:45
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层。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18244648
复制相关文章
相似问题
腾讯云开发者
