當點擊一個項目時使用下拉菜單引導編輯列表項

我正在爲我的網站實施一個新的語言菜單。我使用下拉菜單這樣的： Language Menu 1.0 當點擊一個項目時使用下拉菜單引導編輯列表項

但我的問題是，隨着這種技術，我需要爲每個我選擇的語言的幾頁......我希望能夠選擇的改變語言在這裏： Seleted item changing after selection

但我想在菜單中顯示除了所選項目之外的所有項目。

我對javascript不太舒服（儘管我正在學習）。我知道很容易從列表中刪除一個項目（在這裏找到一個簡單的例子：Remove item from list with js），但我不知道如何加載即將這樣做的JavaScript。它在ready（）事件上嗎？或者在鏈接的onClick事件？

來源

2013-08-29 Guigui

使用此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>

來源

2013-08-29 14:56:09 Grigur

感謝您的幫助。我編輯了jsbin：http://jsbin.com/IDehUZu/1/edit它幾乎可以工作。我認爲隱藏物品需要在點擊物品後顯示，然後需要隱藏所選物品。編輯：其實選定的項目是隱藏的，我只需要顯示舊的選定項目 – Guigui

我已經更新了我的答案中的JS和HTML代碼。 – Grigur

是的，我看到了。其實這是工作，除了英文項目！查看我的代碼http://jsbin.com/IDehUZu/4/edit – Guigui

當點擊一個項目時使用下拉菜單引導編輯列表項

回答

相關問題