我正在使用基本方法来制作悬停图像,因为 CSS 方法对我不起作用。目前我正在使用 if/else 语句来执行此操作。如果包含像 abc.com 这样的URL,它将悬停在图像上。
但是现在我只能将鼠标悬停在组 url 上,但如果组中有子类别我无法悬停,我该如何完成组内的所有活动,图像将悬停?
如果 URL 包含单词或路径,该怎么办。例如,abc.com/groups/* 它将悬停在组上。类似于我们在MySQL中使用"%"搜索单词/变量。
<?php
$request_url = apache_getenv("HTTP_HOST") . apache_getenv("REQUEST_URI");
$e = 'abc.com/dev/';
$f = 'abc.com/dev/groups/';
$g = 'abc.com/dev/user/';
?>
<div class="submenu">
<?php
if ($request_url == $e) {
echo '<a href="' . get_settings('home') . '"><div class="icon-home active"></div></a>';
} else {
echo '<a href = "' . get_settings('home') . '"><div class = "icon-home"></div></a>';
}
?>
<?php
if ($request_url == $f) {
echo '<a href="' . get_settings('home') . '/groups/"><div class="icon-groups active"></div></a>';
} else {
echo '<a href = "' . get_settings('home') . '/groups/"><div class = "icon-groups"></div></a>';
}
?>
</div>
我提出了一种javascript方法,使用jQuery
$("a[href*='THE_URL_PATTERN_YOU_WANT_TO_MATCH']").children(".icon-home").addClass("active");
顺便说一句,将div
包装成a
标签不是一个好主意。