菜单中的正斜杠停止活动链接工作 - javascript 控制

发布于 2024-11-26 07:34:24 字数 522 浏览 1 评论 0原文

我正在使用 JS 来激活菜单中的活动链接。

问题是,我的 CMS 在菜单项之前放置了一个正斜杠。一旦这样做,JS 就不再起作用了。如果我删除斜线,它会再次起作用。

有什么想法如何让它在有或没有正斜杠的情况下工作吗?

这是我正在测试的页面: http://www.sunseedor...k/products1 .php

JS 是:

$(function(){ var $page = jQuery.url.attr("file"); $('ul.top-nav li a').each(function(){ var $href = $(this).attr('href'); if ( ($href == $page) || ($href == '') ) { $(this).addClass('on'); } else { $(this).removeClass('on'); } }); });

I'm using a JS to activate the active link within a menu.

Problem is, my CMS places a forward slash before menu items. As soon as it does this, the JS no longer works. If I remove the slash, it works again.

Any ideas how I get it to work with and without the forward slash?

Here's a page I'm testing it on: http://www.sunseedor...k/products1.php

JS is:

$(function(){

var $page = jQuery.url.attr("file");

$('ul.top-nav li a').each(function(){

var $href = $(this).attr('href');

if ( ($href == $page) || ($href == '') ) {

$(this).addClass('on');

} else {

$(this).removeClass('on');

}

});

});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

故笙诉离歌 2024-12-03 07:34:24

你可能想尝试这个:

$(function(){
  var currUrl = window.location.href;
   if(currUrl.substr(-1) == "/")
    jQuery.url.setUrl(currUrl.substr(0,currUrl.length-1));

 var $page = jQuery.url.attr("file");   /* this comes as null
                                           if the URL has ending slash*/

 $('ul.top-nav li a').each(function(){
 var $href = $(this).attr('href');
  if ( ($href == $page) || ($href == '') ) {   $(this).addClass('on'); } 
else {
 $(this).removeClass('on');
 } });
 }); 

you might want to try this :

$(function(){
  var currUrl = window.location.href;
   if(currUrl.substr(-1) == "/")
    jQuery.url.setUrl(currUrl.substr(0,currUrl.length-1));

 var $page = jQuery.url.attr("file");   /* this comes as null
                                           if the URL has ending slash*/

 $('ul.top-nav li a').each(function(){
 var $href = $(this).attr('href');
  if ( ($href == $page) || ($href == '') ) {   $(this).addClass('on'); } 
else {
 $(this).removeClass('on');
 } });
 }); 
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文