我在我的网站中使用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 中创建菜单时,我使用列表来完成。我使用跨度编写子菜单的标题,并且 jQuery.mmenu.js 插件转换该跨度以创建一个元素 a.mm-title,它是子菜单的标题。我已经能够为所有标题添加相同的 href,但我无法为每个标题提供不同的 href。我已经尝试过该代码,但它不起作用。如果您知道另一种可行的方法,那就没问题了。没必要用我之前写的代码。
谢谢!
最佳答案
我认为问题是“data-target-link="http://www.google.es"”应该像这样检索: var pageLink = $(this).data('targetLink');
参见here
关于javascript - 更改 jQuery.mmenu 中子菜单标题的 href 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34415552/