2

したがって、リンクがクリックされると、ページの下部にある へのクエリがトリガーされ、変数がメニュー状態に設定されます。ただし、リンク タグが機能していないようです。hidedivsession<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 を追加してください。これにより、ページが更新されなくなります。

また、タグではなくdivに設定されたクリックイベントのクラスがあります。したがって、jquery が呼び出されることはありません。クラスを配置するか、タグを付けて、クリック イベントをチェックするオブジェクトにします。

アップデート：

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

する必要があります

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

そのdivレイヤー内のリンクをクリックしているときに、divレイヤーをクリックしていることをjqueryに伝えています。

于 2013-08-15T00:58:45.800 に答える