Javascript 使用“查找数据”属性添加类
我正在尝试创建一个菜单,每个导航项都附加了唯一的数据属性。单击后,我希望该导航项找到具有相同属性的部分,并向其中添加一个类。这是我目前使用的代码(它是一个更大的脚本的一部分) 这是它基于的脚本Javascript 使用“查找数据”属性添加类,javascript,jquery,html,jquery-attributes,Javascript,Jquery,Html,Jquery Attributes,我正在尝试创建一个菜单,每个导航项都附加了唯一的数据属性。单击后,我希望该导航项找到具有相同属性的部分,并向其中添加一个类。这是我目前使用的代码(它是一个更大的脚本的一部分) 这是它基于的脚本 其想法是添加一个单独的浮动导航链接到不同的部分(而不是当前实现的直接单击展开)。我添加的当前脚本似乎只在单击时刷新页面。我根本无法让它在一个小提琴工作,所以我相信原来的脚本将工作。粘贴的关于我已添加到本地文件的部分 在第一行,当您试图调用元素时,括号前缺少jQuery速记。这应该可以修复你的脚本 所以它应
其想法是添加一个单独的浮动导航链接到不同的部分(而不是当前实现的直接单击展开)。我添加的当前脚本似乎只在单击时刷新页面。我根本无法让它在一个小提琴工作,所以我相信原来的脚本将工作。粘贴的关于我已添加到本地文件的部分 在第一行,当您试图调用
元素时,括号前缺少jQuery速记。这应该可以修复你的脚本
所以它应该看起来像:
var$section=$('section');
这应该让你们都准备好继续 首先,您在第一个变量赋值中缺少$var$section=$('section') 在那之后,如果看不到你的标记,很难说出你想做什么,但我会尝试一下 似乎您正试图通过nav>a元素的data section属性过滤$section对象。这段代码应该做到这一点:
var $section = $( 'section' ), $navItems = $( 'nav > a' );
$navItems.on( 'click', function( event ) {
var $navSection = $section.filter("[data-section='" + $( this ).data( 'section' ) + "']");
$navSection.addClass( 'expand expand-top' );
return false;
} );
请注意,我们正在通过单击的锚点的数据节属性的值过滤所有节
如果没有帮助,请添加您的标记以便我们可以查看您的结构。您忘记了dollarsign->
var$section=$('section'),
这就是为什么JavaScript开发人员应该使用Chrome开发者控制台或Firebug。没有这些工具,我无法发展。它们对臭虫很有帮助。你的问题是?我已经用使用的脚本更新了原始帖子。谢谢你到目前为止的帮助。如果没有看到你的html,我将无法进一步帮助你。请张贴,我将进一步帮助。
var $section = $( 'section' ), $navItems = $( 'nav > a' );
$navItems.on( 'click', function( event ) {
var $navSection = $section.filter("[data-section='" + $( this ).data( 'section' ) + "']");
$navSection.addClass( 'expand expand-top' );
return false;
} );