Использование вкладок jquery и изменение языков с пустой вкладкой

Question

Я использую jquery для создания меню с переключением языка между китайским и английским.

Вкладки в меню хорошо работают, однако на языковой вкладке ничего не должно быть.

Он должен только переключать языки и сохранять содержимое текущей активной вкладки.

Here - это сайт.

Я пробовал много методов, но до сих пор не могу добиться того, чего хочу.

Например, click(), tabs("active"), tabs("option", "selected").

Я не могу найти никакого примера об использовании вкладок jquery и изменении языков с пустой вкладкой.

Может ли кто-нибудь быть добрым, чтобы помочь мне решить эту проблему?

Мой HTML-код:

<div id="tabs"> 
    <ul> 
     <li><a href="#Homepage"><span id="menu-homepage">Homepage</a></span></li> 
     <li><a href="#Members"><span id="menu-members">Members</span></a></li> 
     <li><a href="#Tutors"><span id="menu-tutors">Tutors</span></a></li> 
     <li><a href="#NewJobs"><span id="menu-newjobs">New Jobs</span></a></li> 
     <li><a href="#TopTutors"><span id="menu-toptutors">Top Tutors</span></a></li> 
     <li><a href="#Tuition"><span id="menu-tuition">Tuition</span></a></li> 
     <li><a href="#Questions"><span id="menu-questions">Questions</span></a></li> 
     <li><a href="#AboutUs"><span id="menu-aboutus">About Us</span></a></li> 
     <li><a href="#ContactUs"><span id="menu-contactus">Contact Us</span></a></li> 
     <li><a href="#Language"><span id="menu-language">中文版本</span></a></li> 
    </ul> 
    <div id="Homepage"> 
     <?php require("homepage.php"); ?> 
    </div> 
    <div id="Members"> 
     <?php require("members.php"); ?> 
    </div> 
    <div id="Tutors"> 
     <?php require("tutors.php"); ?> 
    </div> 
    <div id="NewJobs"> 
     <?php require("newjobs.php"); ?> 
    </div> 
    <div id="TopTutors"> 
     <?php require("toptutors.php"); ?> 
    </div> 
    <div id="Tuition"> 
     <?php require("tuition.php"); ?> 
    </div> 
    <div id="Questions"> 
     <?php require("questions.php"); ?> 
    </div> 
    <div id="AboutUs"> 
     <?php require("aboutus.php"); ?> 
    </div> 
    <div id="ContactUs"> 
     <?php require("contactus.php"); ?> 
    </div> 
    <div id="Language"> 
    </div> 
</div> 

И мой код сценария:

$("#menu-language").click(function(){ 
    var homepage, members, tutors, newjobs, toptutors; 
    var tuition, questions, aboutus, contactus, language; 
    if ($.cookie("lang") == "English") { 
     $.cookie("lang", "Chinese"); 
     homepage = "網站首頁"; members = "會員專區"; 
     tutors = "導師專區"; newjobs = "最新工作"; 
     toptutors = "優秀導師"; tuition = "學費參考"; 
     questions = "常見問題"; aboutus = "關於我們"; 
     contactus = "聯絡我們"; language = "English"; 
    } else { 
     $.cookie("lang", "English"); 
     homepage = "Homepage"; members = "Members"; 
     tutors = "Tutors"; newjobs = "New Jobs"; 
     toptutors = "Top Tutors"; tuition = "Tuition"; 
     questions = "Questions"; aboutus = "About Us"; 
     contactus = "Contact Us"; language = "中文版本"; 
    } 
    $("#menu-homepage").html(homepage); 
    $("#menu-members").html(members); 
    $("#menu-tutors").html(tutors); 
    $("#menu-newjobs").html(newjobs); 
    $("#menu-toptutors").html(toptutors); 
    $("#menu-tuition").html(tuition); 
    $("#menu-questions").html(questions); 
    $("#menu-aboutus").html(aboutus); 
    $("#menu-contactus").html(contactus); 
    $("#menu-language").html(language); 

    switch ($.cookie("menu")) { 
     case "Homepage" : $("#tabs").tabs("option", "selected", 0); break; 
     case "Members" : $("#tabs").tabs("option", "selected", 1); break; 
     case "Tutors" : $("#tabs").tabs("option", "selected", 2); break; 
     case "NewJobs" : $("#tabs").tabs("option", "selected", 3); break; 
     case "TopTutors" : $("#tabs").tabs("option", "selected", 4); break; 
     case "Tuition" : $("#tabs").tabs("option", "selected", 5); break; 
     case "Questions" : $("#tabs").tabs("option", "selected", 6); break; 
     case "AboutUs" : $("#tabs").tabs("option", "selected", 7); break; 
     case "ContactUs" : $("#tabs").tabs("option", "selected", 8); break; 
    } 
}); 

Answer 1

удалить Div элемент с идентификатором языка. Теперь, когда вы щелкаете языковой вкладкой, ничего не будет отображаться. Кроме того, если вы можете удалить тег с идентификатором как языком.