在jQuery.mmenu中更改子菜单标题的href属性

时间:2015-12-22 12:04:37

标签: javascript jquery mmenu

我在我的网站上使用 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。我尝试过该代码,但它不起作用。如果你知道它可以工作的另一种方式,那没关系。没有必要使用我之前写的代码。

谢谢!

1 个答案:

答案 0 :(得分:0)

我认为问题在于&#39; data-target-link =&#34; http://www.google.es"&#39;应检索如下:  var pageLink = $(this).data(&#39; targetLink&#39;);

请参阅here