我在我的网站上使用mmenu。我需要更改子菜单标题的链接(每个部分中的标题看起来像这个<a class="mm-title" href="#">Grades</a>
)。通常,当你点击其中一个时,它会显示菜单中的上一部分。我需要的是重定向到网络中的页面,而不是菜单。我试图给每个span.header-lateral-link
一个data-target-link
属性,其中包含我希望它重定向的页面的url,但它不起作用。
这是html代码:
<span class="header-lateral-link" data-target-link="http://www.google.es"><span class="icon-school"></span>Grades</span>
这是js代码:
$('span.header-lateral-link').each(function() {
var pageLink = $(this).data('target-link');
var titleText = $(this).text();
$('a.mm-title:contains(titleText)').attr('href', pageLink);
});
谢谢!
更多信息
问题是,当我用html创建菜单时,我使用列表。我用一个span编写子菜单的标题,jQuery.menu.js插件将这个span转换为一个元素.mm-title,这就是子菜单的名称。我已经可以为所有标题添加相同的href,但我不能为每个标题添加不同的href。我试过使用那个代码,但它不起作用。如果你知道它的另一种工作方式,那没关系。没有必要使用我以前写的代码。
谢谢!
我认为问题在于'数据目标链接="http://www.google.es"的检索方式如下:var pageLink=$(this).data('targetLink');
请参阅此处