2017-01-19 90 views
-6

我在我的網站中使用jquery來更改我的網站頁面。如果我在我的網站中選擇一個頁面,我想隱藏當前頁面並將選定頁面加載到我的網站中。但是當我在頁面上點擊#work時,我的#home頁面被隱藏,但我的工作頁面未加載。任何人都可以解決我的問題嗎?在jquery中選擇多個元素

這是我的jQuery代碼

<script> 
$(document).ready(function(){ 
    $("#work").click(function(){ 
     $("#home").fadeOut("slow"); 
     $("#work").fadeIn("slow"); 
    }); 
}); 
</script> 
+3

你怎麼能甚至在#work如果它從一開始就隱藏點擊? –

+1

@Anto:你爲什麼不發佈你的代碼的完整例子? – reporter

+0

@amir我嘗試那樣,但它也不工作... –

回答

-1

嘗試更新的小提琴。它隱藏點擊並顯示隱藏。

$(document).ready(function(){ 
 
    $("#home").click(function(){ 
 
     $("#home").fadeOut("slow"); 
 
     $("#work").fadeIn("slow"); 
 
    }); 
 
});
div { width: 300px; heigth: 100px; } 
 
div#home { background-color: yellow; } 
 
div#work { background-color: red; display: none }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="home">HOME PAGE</div> 
 
<div id="work">WORK PAGE</div>

+0

不確定工作頁面的可見移動將是理想的行爲。 –

+0

我們不知道要求:) – VadimB