更改子菜单的href属性'jQuery.menu中的标题

Change the href attribute of the submenus' titles in the jQuery.mmenu

本文关键字:jQuery menu 标题 属性 菜单 href      更新时间:2023-09-26

我在我的网站上使用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');

请参阅此处