2013-02-05 38 views
0

我需要使鏈接指向用戶正在查看的頁面的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> 

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

回答

0

注意到你忘了逃跑:

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

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

0

我認爲你需要這樣的: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'); 
    }); 
}); 
相關問題