JQuery ссылки для активных классов в .Net для не веб-страниц - AbleCommerce

Question

Я работаю с компонентом заголовка для .net cart AbleCommerce.Эффект активной ссылки будет использоваться только в заголовке.У меня есть скрипт, который работает для всех веб-страниц, но он не может применяться к скриптлетам.Ex.«О нас» - это веб-страница, скрипт работает как положено.«Домашняя страница» - это страница по умолчанию, которая существует как скриптлет (а не веб-страница, созданная с помощью администратора), и приведенный ниже сценарий дает сбой.

Я пробовал несколько разных вариантов jquery и nvolicity (yuck!) С такими же результатами, как описано выше.Я попытался использовать полный путь URL "http://wwwpage.aspx" вместо чего-то вроде" ~ / page.aspx ". Я попытался добавить ссылку на идентификатор в самих ссылках.

Есть только две ссылки навигации заголовка, которыене веб-страницы (снова созданные как веб-страницы в админке корзины), для которых мне нужно, чтобы это работало.

Сценарий, который работает для веб-страниц:

<script type="text/javascript" src="../../../../js/jquery-1.3.2.min.js">
jQuery(function( $ ){
    $('a.next').click(function(){
        $('#nav_header a').removeClass('CurrentLink');
        var fragment = this.getAttribute('href');
        $('#nav_header a[href=' + fragment + ']').toggleClass('CurrentLink');
    });
});
</script>

Любые мысли,идеи или ресурсы будут высоко оценены. Я знаю, что это, вероятно, не идеальное решение .net, подход, который требуется от меня. Пытаться учиться так быстро, как я могу ...

Спасибо!! Джули

Полный HTML-код:

<!--
<Description>
Displays the standard store header.
</Description>
-->
<table id="storeHeader" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" height="18"></td>
  </tr>
  <tr>
    <td> <div style="position:relative; left:-30px;"><a href="~/Default.aspx"><img src="../../../../App_Themes/alliedHealth/images/alliedHealthBrand1.png" width="542" height="54" border="0" /></a></div>


 </td>

    <td><div class="alliedPhone">Call 888.818.9696</div></td>
    <td align="right">

   <div class="shortcuts">
   <a href="~/Basket.aspx" class="basket">Shopping Cart</a>&nbsp;|&nbsp;<a href="~/Members/MyAccount.aspx" class="acct">Account</a>&nbsp;|&nbsp;                #if($customer.IsAnonymous)
                    <a href="~/Login.aspx" class="login">Login</a>
                #else
                    <a href="~/Logout.aspx" class="login">Logout</a>
                #end


      </div> 

    </td>
  </tr>
  <tr>
    <td colspan="3" height="25"></td>
  </tr>
</table>

<style type="text/css">

.CurrentLink a
{
    color:#f8981d;
}


</style> 



<script type="text/javascript" src="../../../../js/jquery-1.3.2.min.js">
jQuery(function( $ ){
$('a.next').click(function(){
$('#nav_header a').removeClass('CurrentLink');
var fragment = this.getAttribute('href');
$('#nav_header a[href=' + fragment + ']').toggleClass('CurrentLink');
});
});
</script>

<script type="text/javascript">

function select_nav() {
   var nav_links = document.getElementById('#nav_header')
     .getElementsByTagName('a');
   var selected = location.pathname;

   for (var i = 0; i < nav_links.length; i++) {
     var link = nav_links[i].pathname;

     // fiddle IE's view of the link
     if (link.substring(0, 1) != '/')
       link = '/' + link;

     if (link == selected)
       nav_links[i].setAttribute(cattr, 'CurrentLink');
   }
 }

 window.onload = function() {
   select_nav();
 };
</script>

 <div class="w2mHeaderLowerNavBg">
<table border="0" cellspacing="0" cellpadding="0" width="100%">
  <tr>
    <td align="left" width="30"></td>
    <td align="left" > 
    <div class="w2mHeaderLowerNav" id="nav_header">
    <a href="~/Default.aspx" >Home</a>

    <a href="~/About-W7.aspx" >About</a>

    <a href="~/Service-and-Parts-W4.aspx" >Service &amp; Parts</a>

    <a href="~/Consulting-W6.aspx" >Consulting</a>

    <a href="~/Financing-W5.aspx" >Financing</a>

    <a href="~/Contact-W3C2.aspx" >Contact</a>

    <a href="~/AdvancedSearch.aspx" >Advanced Search</a>
    </div>

    </td>
    <td align="right" width="232"> <div class="search">
                [[ConLib:SimpleSearch]]
            </div></td>
    <td align="right" width="12"></td>
  </tr>
</table>
</div>

Answer 1

Возможно, проблема с вашим путем jquery. Либо используйте абсолютный путь в атрибуте src, либо попробуйте использовать ~

src="~/js/jquery-1.3.2.min.js"