Javascript 开关<;李>;活性元素

Javascript 开关<;李>;活性元素,javascript,jquery,html,menuitem,Javascript,Jquery,Html,Menuitem,是我现在正在做的一个小提琴项目的链接。我试图做的是根据屏幕上现在显示的部分切换活动菜单元素。所以,如果屏幕上是Kontakti,则菜单中的Kontakti()必须显示为活动项。我不熟悉jS,你说你不熟悉JavaScript,但你要求的是需要JavaScript的功能。如果你不能自己编写插件,我建议你尝试使用插件 航路点将完全满足您的要求: 你说你不熟悉JavaScript,但你要求的是需要JavaScript的功能。如果你不能自己编写插件,我建议你尝试使用插件 航路点将完全满足您的要求: 将数据

是我现在正在做的一个小提琴项目的链接。我试图做的是根据屏幕上现在显示的部分切换活动菜单元素。所以,如果屏幕上是Kontakti,则菜单中的Kontakti(
)必须显示为活动项。我不熟悉jS,你说你不熟悉JavaScript,但你要求的是需要JavaScript的功能。如果你不能自己编写插件,我建议你尝试使用插件

航路点将完全满足您的要求:
你说你不熟悉JavaScript,但你要求的是需要JavaScript的功能。如果你不能自己编写插件,我建议你尝试使用插件

航路点将完全满足您的要求:

将数据角色=导航属性添加到导航所在的ul元素, 在本文的javascript部分

请尝试使用以下代码

 $(function()
  {
  $("[data-role=navigate]").find("li > a").click(function()
    {
        $(this).parents("ul").find("li.active").removeClass("active");
        $(this).parent().addClass("active");
    })

  })
我将简要解释代码的作用

1) 将单击事件处理程序绑定到属性为data role=navigate的
    内部的
  • 2) 单击时,将删除当前元素的活动类

    3) 将活动类指定给

    通过在DOM元素中放置属性并使用该属性连接事件监听器,以JS中的特定需求为目标是一个很好的实践


    希望有帮助

    将数据角色=导航属性添加到导航所在的ul元素, 在本文的javascript部分

    请尝试使用以下代码

     $(function()
      {
      $("[data-role=navigate]").find("li > a").click(function()
        {
            $(this).parents("ul").find("li.active").removeClass("active");
            $(this).parent().addClass("active");
        })
    
      })
    
    我将简要解释代码的作用

    1) 将单击事件处理程序绑定到属性为data role=navigate的
      内部的
    • 2) 单击时,将删除当前元素的活动类

      3) 将活动类指定给

      通过在DOM元素中放置属性并使用该属性连接事件监听器,以JS中的特定需求为目标是一个很好的实践

      希望有帮助

      在这种情况下,引导可能是有用的。它突出显示页面的哪个部分显示在页面的单独子导航部分的屏幕上

      顺便说一句,如果你有引导代码,你可以很容易地显示它。默认情况下,它提供引导的CSS和JavaScript文件。

      在这种情况下,引导可能很有用。它突出显示页面的哪个部分显示在页面的单独子导航部分的屏幕上


      顺便说一句,如果你有引导代码,你可以很容易地显示它。默认情况下,它提供引导的CSS和JavaScript文件。

      谢谢,但这不是问题所在。我正在尝试更改活动元素我在页面内容中的滚动。很抱歉没有正确理解您的要求,您可以为此使用bootstrap的scrollspy。我找不到使其工作的方法。。。我试图狙击每个导航div,但仍然没有结果有更新的JS fiddle和scrollspy,通过滚动部分查看请忽略以前的fiddle,因为有一个小错误,请查看。该节当前被跳过,但一旦有更多内容,将在导航栏上激活。希望有帮助!谢谢,但这不是问题所在。我正在尝试更改活动元素我在页面内容中的滚动。很抱歉没有正确理解您的要求,您可以为此使用bootstrap的scrollspy。我找不到使其工作的方法。。。我试图狙击每个导航div,但仍然没有结果有更新的JS fiddle和scrollspy,通过滚动部分查看请忽略以前的fiddle,因为有一个小错误,请查看。该节当前被跳过,但一旦有更多内容,将在导航栏上激活。希望有帮助!你能帮我实现代码的附加吗?我对这类事情还不熟悉,我有点困惑…@MarksGniteckis-Hi,我创建了一个使用词缀的模板。您可以在处使用该模板,并将自己的内容应用于该模板。当前,子导航显示在页面的左侧,但如果需要,可以将其剪切并粘贴到页面的右侧。如果你想在Bootply保存你的更改,那么我建议你成为一个新的Bootply用户。您只需单击页面右上角的“登录”按钮,输入您的详细信息,然后按“注册”按钮。您能帮我实现代码的粘贴吗?我对这类事情还不熟悉,我有点困惑…@MarksGniteckis-Hi,我创建了一个使用词缀的模板。您可以在处使用该模板,并将自己的内容应用于该模板。当前,子导航显示在页面的左侧,但如果需要,可以将其剪切并粘贴到页面的右侧。如果你想在Bootply保存你的更改,那么我建议你成为一个新的Bootply用户。您只需单击页面右上角的“登录”按钮,输入详细信息,然后按“注册”按钮。