【问题标题】:Editing list Item using drop down menu bootstrap when clicking on an item单击项目时使用下拉菜单引导程序编辑列表项目
【发布时间】:2013-09-02 01:51:30
【问题描述】:

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

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

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

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

【问题讨论】:

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


    【解决方案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>
    

    【讨论】:

    • 感谢您的帮助。我已经编辑了 jsbin :jsbin.com/IDehUZu/1/edit 它几乎可以工作了。我认为隐藏的项目需要在点击一个项目后显示,然后需要隐藏选定的项目。编辑:实际上选定的项目隐藏得很好,我只需要显示旧的选定项目
    • 是的,我看到了。实际上它正在工作,除了英文项目!查看我的代码jsbin.com/IDehUZu/4/edit
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-10-26
    • 2021-09-04
    • 1970-01-01
    • 2013-05-03
    • 2022-01-18
    • 2013-02-17
    • 1970-01-01
    相关资源
    最近更新 更多