2013-10-13 30 views
0

我有一個div出現,並通過使用jquery切換消失。當你點擊一個鏈接時div會出現或消失。JQuery的切換,如果javascript被禁用帶用戶到頁面

有沒有辦法讓它如此,如果JavaScript被禁用,並且用戶點擊鏈接,他們被帶到一個頁面呢?

有什麼我應該做的時候使用切換,以確保它不會遇到問題?

+0

供應用A元素的* *正常HREF鏈接。然後,用jQuery添加適當的'click'事件並防止默認行爲。通過這種方式,jQuery事件處理程序只會在JavaScript(以及jQuery)可用的情況下接管;否則會遵循正常的href。 – user2864740

+0

請舉例說明? – gregor

+0

或..按照所提供的策略將這些碎片放在一起。這將是有趣的,併爲良好的學習。 – user2864740

回答

3

如果js在默認情況下處於禁用狀態,請讓鏈接將用戶放到您想要的位置。然後在click事件上使用jQuery的preventDefault()(您可能正在定義您的切換行爲)。

所以鏈接應該對自己的工作:

<a id="functioning-link" href="/js_disabled_page">Toggle my div</a> 

你的jQuery應該抓住click事件來切換您的DIV,其中如果啓用的jQuery/JS只會工作:

$(function(){ 
    $("#functioning-link").click(function(e){ 
    e.preventDefault(); 
    $("div").toggle(); 
    }); 
}); 
+0

你能否給我更多的細節? – gregor

+0

我喜歡這個。任何下降到它? – gregor

+0

我的意思是,不是真的。它是一種非常普遍的方法。 – hiattp

0

你可以同時使用href和onClick。

如果禁止javascriptHREF火起來

其他的onClick

例如:

<a href="gosomewhere.html" onclick="toggle(); return false;">Click to toggle</a> 

使用Javascript:

toggle = function() { 
    // Your code here 
    return false; 
    } 
+0

這種方法有什麼不足嗎? – gregor

+0

@gregor:不是我所知道的!我在很多項目中都使用過它。 – WhatisSober