如何根據查詢字符串設置活動鏈接

我需要使鏈接指向用戶正在查看的頁面的URL。這不是問題，問題在於URL中的查詢字符串;我嘗試了不同的解決方案來查看相關的答案，唯一發生的事情是鏈接僅在我點擊它時立即獲得顏色，之後立即返回到與之前相同的顏色。如何根據查詢字符串設置活動鏈接

我正在研究prestashop，並且這個菜單是一個模塊，如果不是這個小問題，我們可以安裝並正常工作。

這裏是HTML（裏面有javascript）。該模塊發送到一個XML文件smarty得到和編譯：

<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>

有沒有人知道如何使這項工作？

來源

2013-02-05 user2042230

注意到你忘了逃跑：

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

來源

2013-02-05 09:58:10 bipen

嘗試用這個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之間的差異頁面，以便您可以查看它的不同之處。（我測試了不同的鏈接代碼和它的作品）

來源

2013-02-05 10:16:50 nowhere

我認爲你需要這樣的：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'); 
    }); 
});

來源

2013-02-05 10:23:27 Jai

如何根據查詢字符串設置活動鏈接

回答

相關問題