我在我的网站上使用 mmenu 。我需要更改子菜单标题的链接(每个部分中的标题看起来像这样<a class="mm-title" href="#">Grades</a>
)。通常当您单击其中一个时,它会显示菜单中的上一部分。我需要的是重定向到网页中的页面,而不是菜单。我尝试为每个span.header-lateral-link
data-target-link
属性提供我希望它重定向的页面的网址,但它无法正常工作。
这是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.mmenu.js插件转换此范围以创建元素a.mm-title,这是子菜单的标题。我已经能够为所有标题添加相同的href,但是我不能给每个标题添加不同的href。我尝试过该代码,但它不起作用。如果你知道它可以工作的另一种方式,那没关系。没有必要使用我之前写的代码。
谢谢!
答案 0 :(得分:0)
我认为问题在于&#39; data-target-link =&#34; http://www.google.es"&#39;应检索如下: var pageLink = $(this).data(&#39; targetLink&#39;);
请参阅here