PHP页面名称变量+ jQuery

Question

在实现jQuery页内标签导航系统后，我遇到了一个问题，该问题在于如何重新定义我的页面名称，以便可以在主导航中将其设置为“活动”样式。

我用：

<?php $var_page_name = 'example.php'; ?> 

定义我网站上的每个页面名称，并用正确的页面名称替换示例。

然后，我使用以下代码在导航中设置“活动”页面的样式，并使用CSS定义活动类：

<?php global $var_page_name; ?>
<ul>
<li><a<? if($var_page_name == 'index.php') print ' class="active"'; ?> href="index.php">web design</a></li>
</ul>

效果很好。 我为导航添加了页内jQuery选项卡解决方案。 这也有效。

但是，在单击选项卡之一并转到新的内容div之后，页面名称似乎已更改，因此正确的主导航项不再被认为是活动的。 网址为http://www.example.com/index.php# ，但是如果我将活动页面导航变量修改为：

<a<? if($var_page_name == 'index.php' || $var_page_name == 'index.php#' ) print ' class="active"'; ?>

或尝试使用标签所使用的div ID：

<a<? if($var_page_name == 'index.php' || $var_page_name == 'index.php#content_2' ) print ' class="active"'; ?>

它不能解决问题。 有什么建议么？

Answer 1

这是您的tab脚本中的错误。

当您单击选项卡时，即使<a>不是选项卡，它也会从顶部导航栏中的<a>中删除“活动”类。

更改行：

// switch all tabs off
$(".active").removeClass("active");

至：

$(".tabs .active").removeClass("active");

或类似于仅从选项卡中删除“活动”类而不是页面中所有元素的类。

Answer 2

<?php $var_page_name = 'example.php'; ?>

错了 使用类似

<?php
$exploded = explode($_SERVER['REQUEST_URI']);
<a href="/page/" class="<?php echo ($exploded[1] == "page") ? "active" : ""; ?>">Page</a>

请记住，默认情况下不会将哈希发送到服务器

Answer 3

好吧，我认为问题与页面中的jquery代码有关，而不是与PHP代码有关。 检查js标头代码，我发现了这一点：

// When a link is clicked       
$("a.tab").click(function () {                              
  // switch all tabs off            
  $(".active").removeClass("active");
  ...
});

选择器“ a.tab”上的单击绑定将清除整个页面中的所有“ .active”类，包括“ nav”部分中的类（位于选项卡上方）。
尝试更改此行：

$(".active").removeClass("active");

对此：

$("#tabbed_box_1").find(".active").removeClass("active");

那应该做。