【问题标题】:Change the href attribute of the submenus' titles in the jQuery.mmenu更改 jQuery.mmenu 中子菜单标题的 href 属性
【发布时间】: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。我已经尝试过使用该代码,但它不起作用。如果你知道它可以工作的另一种方式,没关系。不用我之前写的代码了。

谢谢!

【问题讨论】:

  • 我不明白 - 你想在点击 &lt;span&gt; 元素后重定向?
  • 对此不确定,但请尝试:$('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


【解决方案1】:

我认为问题在于 'data-target-link="http://www.google.es"' 应该像这样检索: var pageLink = $(this).data('targetLink');

here

【讨论】:

  • 我试过了,结果和以前一样……还有什么想法吗?
  • 试试这一行:$('a.mm-title:contains("'+titleText+'")').attr('href', pageLink);
猜你喜欢
  • 2020-04-25
  • 2015-12-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-18
  • 2014-07-21
  • 2010-11-18
  • 2012-11-10
相关资源
最近更新 更多