javascript - 单击元素时使用下拉菜单 Bootstrap 编辑列表元素

Question

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

但我的问题是，使用该技术，我需要为每种所选语言设置多个页面...我希望能够像此处那样更改所选语言: Seleted item changing after selection

但我想在菜单中显示除所选元素之外的所有元素。

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

Answer 1

使用这段 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>