在Joomla菜单上添加自定义属性

Add custom attribute on Joomla menus

本文关键字:添加 自定义属性 菜单 Joomla      更新时间:2023-09-26

我想给Joomla菜单上的项目添加一个属性,但是失败了。

我在设计一个网站,就像"一个页面"与Warp框架和uikit有一个平滑的滚动选项。我只需要在链接上添加"data-uk-smooth-scroll"作为属性

我的菜单有一些项目链接到锚,但我希望他们感觉流畅。

在其他论坛上,我读到我可以使用Jquery来添加以#开头的所有href,我使用的代码在这个

中失败
    $('a[href*=#]').prop('data-uk-smooth-scroll');

这是在joomla菜单选项中执行的方法吗?

问候(很抱歉我的英语很差)

我不认为使用jquery是最好的方法。您可以定位生成菜单的位置(模板文件或模块)并在那里添加属性。如果你想继续使用jQuery解决方案,你必须检查以下问题。

具有单一参数的prop()方法获取属性的值,而不设置它。您必须使用以下语法:.prop( propertyName, value ) .

另一个问题是joomla加载jQuery在noConflict模式,所以$调用必须更改为jQuery,如:

jQuery('a[href*=#]').prop('data-uk-smooth-scroll', value);

至于您选择的选择器,它太通用了,将针对文档中的所有锚。最好添加菜单idclass来限制它的范围,如:jQuery('#menu_id a[href*=#]') .