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

标签 javascript jquery mmenu

我在我的网站中使用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/

相关文章:

javascript - mmenu position & direction 属性从右边滑入

asp.net - 令人费解的 javascript 数组行为

javascript - jQuery 动画滚动 backgroundColor 不改变

javascript - 使用此 jquery 不显示月份

javascript - 在验证器中添加自定义规则以检查 <ul> 是否有元素

html - mmenu 中的总菜单级别是多少?我需要5个级别

jquery-mmenu : prevent close on click

javascript - system.js 从另一个文件夹导入

javascript - 在 href 上触发弹出窗口 - 请登录消息

Chrome/Safari for Mac 中的 Jquery Cycle 问题或 css 问题