我们已经找到了很多答案,但并不完全理解它们(或strpos
手册页),所以很抱歉,如果这个问题已经回答了。
设置:
请考虑以下网址...
http://www.domain.com/whats-on/show-name/
http://www.domain.com/whats-on/show-name/events
以及我们如何在以下列表项标记中应用 .active
类...
<li>
<a class="<?= (strpos($_SERVER['REQUEST_URI'], '/whats-on') === 0 ? 'active' : ''); ?>" href="<?= $ShowWhatsOn; ?>">What's on</a>
</li>
<li>
<a class="<?= (strpos($_SERVER['REQUEST_URI'], '/events') === 0 ? 'active' : ''); ?>" href="<?= $ShowEvents; ?>">Events</a>
</li>
<小时 />问题:
What's On 在"What's On "页面上获取活动类,但也在"事件"页面上获取活动类,因为/whats-on 也在 url 中:/whats-on/show-name/events
事件从不接收活动类
问题:
- 我们如何让 strpos 检查特定的 url 段,以便将
.active
类应用于正确的页面上?
我们试图保持菜单标记的简短,所以希望有一种方法可以在一行上做到这一点?
任何正确方向的帮助或指示将不胜感激。
干杯
本
函数strpos
给你一根绳子(针)在另一个绳子(大海捞针)中的位置。所以通过做
strpos($_SERVER['REQUEST_URI'], '/whats-on') === 0
您正在检查REQUEST_URI
是否以"/whats-on"开头(位于位置 0)。由于两个 URL 都以"/whats-on"开头,因此第一项将始终处于活动状态,而第二项永远不会。
一种解决方法是为"/events"添加检查:
<li>
<a class="<?= (strpos($_SERVER['REQUEST_URI'], '/whats-on') === 0 && strpos($_SERVER['REQUEST_URI'], '/events') === false ? 'active' : ''); ?>" href="<?= $ShowWhatsOn; ?>">What's on</a>
</li>
<li>
<a class="<?= (strpos($_SERVER['REQUEST_URI'], '/whats-on') === 0 && strpos($_SERVER['REQUEST_URI'], '/events') !== false ? 'active' : ''); ?>" href="<?= $ShowEvents; ?>">Events</a>
</li>
尽管这对于您的模板来说有点冗长,但您可能希望将逻辑分解为类似 isActive()
的函数。
好的,供我将来参考(和其他人),这就是我解决它的方式。
1.制作两个功能
我在 CMS 的/helpers/目录中做了这个,并称它为 npe_nav.php(如果使用 Concrete5 CMS,请不要命名文件导航.php因为该名称由 c5 采用,因此对我不起作用)。
// Get URL segments
public function getURLSegments() {
return explode("/", parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH));
}
// Get a specific URL segment
// Takes a number which corisponds to a segment in the URL e.g. consider:
// http://www.domain.com/whats-on/show-name/events
// $navHelper->getURLSegment(1); will return whats-on
// $navHelper->getURLSegment(3); will return events
public function getURLSegment($n) {
$segs = $this->getURLSegments();
return count($segs) > 0 && count($segs) >= ($n-1)?$segs[$n]:'';
}
2. 在模板中加载函数
在 Concrete5 中,我像这样加载它(包名称是指此工具保存在 CMS 中的包):
// Load nav helper
$navHelper = Loader::helper('npe_nav','package-name');
3. 调用模板中的函数
对于网址:http://www.domain.com/whats-on/show-name/这还会在应用.active
之前检查第三段是否为 null,因为/whats-on/
出现在本节的所有 URL 中 - 因此不希望它在其他页面上处于活动状态。
<li>
<a class="<?= (($navHelper->getURLSegment(1) == 'whats-on') && (is_null($navHelper->getURLSegment(3))) ? 'active' : ''); ?>" href="<?= $ShowWhatsOn; ?>">What's on</a>
</li>
对于网址:http://www.domain.com/whats-on/show-name/events和第 3 段的其他页面
<li>
<a class="<?= ($navHelper->getURLSegment(3) == 'events' ? 'active' : ''); ?>" href="<?= $ShowEvents; ?>">Events</a>
</li>