Question

我需要激活指向用户正在查看的网页的网址的链接。这不是问题，问题在于URL中的查询字符串;我尝试了不同的解决方案，查看相关的答案，唯一发生的事情是，只有当我点击它时，链接才会获得颜色，然后立即返回到与之前相同的颜色。

我正在使用prestashop，这个菜单是一个安装的模块，如果不是这个小问题就能正常工作。

这是HTML（里面有javascript）。该模块被发送到XML文件，以便获取和编译：

<div class="left_nav">
    <h3>VIAGGIA CON NOI</h3>
    <ul class="left_list">
        <li><a href="../../cms.php?id_cms=10">I nostri viaggi spiegati</a></li>
        <li><a href="../../cms.php?id_cms=11">Vostro viaggio su misura</a></li>
        <li><a href="../../cms.php?id_cms=12">Attività ed estensioni </a></li>
        <li><a href="../../cms.php?id_cms=17">Turismo accessibile</a></li>
        <li><a href="../../cms.php?id_cms=18">Collaborare con noi</a></li>
    </ul>

    <h3>DICONO DI NOI</h3>
    <ul class="left_list">
        <li><a href="../../cms.php?id_cms=19">I nostri viaggiatori</a></li>
        <li><a href="../../cms.php?id_cms=20">Stampa e altri media</a></li>
    </ul>
</div>

<script type="text/javascript">// <![CDATA[
    $(function() {
        var filename = window.location.href.substr(window.location.href.lastIndexOf("/") + 1);
        $('ul.left_list li a[href*=" + filename + "]').each(function() {
            if (window.location.href.indexOf($(this).find('a').attr('href'))) {
                $(this).addClass('active').siblings().removeClass('active');
            }
        });
    });
// ]]></script>

有人知道如何使这项工作吗？

Answer 1

注意到你忘了逃避：

 $('ul.left_list li a[href*="'+filename+'"]').each(function()
                             ^ here      ^here

Answer 2

尝试使用此jquery代码：

$(function()
 {
    $('.left_list li a').each(function(){
        loc= window.location.pathname;
        path=$(this).attr('href');
        alert(loc+'-'+path);

        if(loc==path)
        {
           alert('ok');
           $(this).addClass('active');
        }
    });
});

我已经发布了一些警报，以查看链接和页面中的href之间的区别，以便您可以看到它的不同之处。（我用不同的链接测试了代码并且它有效）

Answer 3

我认为你需要这个：http://jsbin.com/amucep/2/edit

$(function() {
   var winurl = window.location.href;
   var url = winurl.substr(winurl.lastIndexOf('/')+1);

   $('ul.left_list li a').each(function() {
      $('ul.left_list li a[href$="'+url+'"]').addClass('active');   
   });
});

如何基于查询字符串设置活动链接

3 个答案: