javascript - Jquery 切换，如果禁用 javascript，则将用户带到页面

Question

我有一个通过使用 jquery 切换出现和消失的 div。当您单击链接时，div 会出现或消失。

有没有办法做到这一点，如果 javascript 被禁用并且用户点击了他们被带到页面的链接，而不是？

使用切换开关时我应该做些什么来确保它不会遇到问题？

Answer 1

如果默认禁用 js，则使链接将用户带到您希望他们去的地方。然后在单击事件上使用 jQuery preventDefault()（您可能正在定义您的切换行为）。

所以链接应该自己工作：

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

您的 jQuery 应该抓住点击事件来切换您的 div，这仅在启用 jQuery/js 时才有效：

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

Answer 2

为此，您可以同时使用 href 和 onClick。

如果javascript 被禁用，href会启动

否则点击！

例如：

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

Javascript：

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