1

我遇到这种情况： - 有一个 php 页面 - 有一个折叠菜单的 jQuery 脚本 - 通过在 php 中传递变量单击其中一个折叠的元素以加载另一个页面

问题： - jQuery 脚本也会重新加载并取消我之前的选择。

这是一个例子。我单击“菜单”，jQuery 脚本作用于“折叠器”，但是当我单击“鱼”链接（或其他）时，我显示了页面，但菜单不会显示为折叠状态。

我想要实现的目标： - 在从一页移动到另一页时保持菜单折叠

这是一个 php 代码示例。

echo rightMenu();
function rightMenu(){

    $r  = '';

    $r .= '<ul id="collapser"><li>Menu<ul>';
    $r .= '<li><a href="main.php?show=page1">Fish</a></li>';
    $r .= '<li><a href="main.php?show=page2">Vegetables</a></li>';
    $r .= '<li><a href="main.php?show=page3">Meat</a></li></ul>';
    $r .= '</li></ul>';

    return $r;
};

谢谢你，米里亚姆

4

2 回答 2

1

如果包含jQuery.cookie，则可以使用 cookie 来执行此操作，这应该更简单：

$("#collapser").click(function () {
   //change to more appropriate value
   $.cookie('autocollapse', $(this).is(":visible"), {expires: 30});
});

//initial page load
if ($.cookie('autocollapse')) {
   $("#collapser").click();
}
于 2012-12-06T15:05:46.713 回答
0

单击折叠时，您可以发送一个 ajax 请求，该请求记录某种指示折叠的会话变量：

//Your collapser click function
//record hidden status in data
$("#collapser").click(function () {
   if ($(this).data('hidden')) {
      $(this).slideDown().data('hidden', false);
   }
   else {
      $(this).slideUp().data('hidden', true);
   }
   //record hidden (collapsed) status on the server
   $.post('/record-collapser-hide.php', {'hidden': $(this).data('hidden')});
});

//On initial page load, collapse if #autocollapse is in the DOM
//Added by PHP code below
if ($("#autocollapse").length) {
   $("#collapser").data('hidden', false).click();
}


//--- record-collapser-hide.php ---
session_start();
$_SESSION['collapsercollapsed'] = isset($_POST['hidden']) ? $_POST['hidden'] : 0;


//--- function rightMenu() ---
...
$r .= '</li></ul>';
if (isset($_SESSION['collapsercollapsed']) && $_SESSION['collapsercollapsed']) {
   $r .= "<span style='display: none' id='autocollapse'>&nbsp;</span>";
}

注意：此代码很可能无法按原样运行，但您应该能够遵循基本思想。

于 2012-12-06T14:18:55.597 回答