2013-10-13 29 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