【发布时间】:2015-12-22 12:04:37
【问题描述】:
我在我的网站中使用 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.mmenu.js 插件转换这个 span 以创建一个元素 a.mm-title,它是子菜单的标题。我已经能够为所有标题添加相同的href,但我不能为每个标题提供不同的href。我已经尝试过使用该代码,但它不起作用。如果你知道它可以工作的另一种方式,没关系。不用我之前写的代码了。
谢谢!
【问题讨论】:
-
我不明白 - 你想在点击
<span>元素后重定向? -
对此不确定,但请尝试:
$('span.header-lateral-link').each(function() { var pageLink = $(this).attr('data-target-link'); var titleText = $(this).text(); $('a.mm-title:contains(titleText)').attr('href', pageLink); }); -
能否提供更多细节。
-
问题是,当我在 html 中创建菜单时,我使用列表来完成。我使用 span 编写子菜单的标题,jQuery.mmenu.js 插件转换这个 span 以创建一个元素 a.mm-title,它是子菜单的标题。我已经能够为所有标题添加相同的href,但我不能为每个标题提供不同的href。我已经尝试过使用该代码,但它不起作用。如果你知道它可以工作的另一种方式,没关系。不用我之前写的代码了。
标签: javascript jquery mmenu