编辑列表项目在单击项目时使用下拉菜单引导程序

时间:2013-08-29 14:46:45

标签: javascript html css twitter-bootstrap drop-down-menu

我正在为我的网站实施一个新的语言菜单。 我正在使用下拉菜单: Language Menu 1.0

但我的问题是,使用这种技术我需要为我选择的每种语言都有几个页面...我希望能够像这里一样更改所选语言: Seleted item changing after selection

但是我想在菜单中显示除了所选项目之外的所有项目。

我对javascript不太满意(虽然我正在学习)。我知道从列表中删除项目很容易(在这里找到一个简单的示例:Remove item from list with js)但我不知道如何加载将要执行此操作的javascript。它是在ready()事件上吗?或者在链接的onClick事件上?

1 个答案:

答案 0 :(得分:0)

使用此JavaScript代码:

$(function() {
  $('#changeEN').hide();
  $('.newDropdownLanguage li').click(function(e) {
    e.preventDefault();
    $('#current-language').text($(this).text());
    $('.newDropdownLanguage li').show();
    $('#changeEN').show(); // Actually it should work without this line, but I don't get why it is not working.
    $(this).hide();
  });
});

不要忘记为英语添加一个<li>

<li><a id="changeEN" href="#">English</a></li>