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

刪除ID爲語言的div元素。 現在，無論何時您點擊語言選項卡，都不會顯示任何內容。 另外，如果您可以刪除標識爲id的語言。