同时回退和JavaScript。什么是正确的方法?

时间:2012-08-07 05:59:23

标签: javascript jquery html5

我做了大量的搜索,并且遇到了大量关于“如果JavaScript被禁用”的在线主题。我的问题有点不同,并希望对此有任何见解。

我目前正在开发一个适度的网站,我已被指示实施后备,以防万一Javascript被关闭。目前,我正在使用jQuery开发HTML5。整个站点连接到jQuery。网站导航是jQuery驱动的,功能齐全。我的问题是,如果我说我在网站导航上实现了一个简单的回退策略:

  <li><a href="http://www.yahoo.com" title="yahoo">YAHOO</a></li>

正如您所看到的,这个后备非常简单,用户点击列表项并前往YAHOO。并且假设如果没有禁用JavaScript,那么我的jQuery代码就是:

 $("nav li:nth-child(1)).bind('click', function()
  {
         //ACTION GOT TO YAHOO
         $("#xxx").animate({'top' : '300'}, "slow"};
  });

我的问题是,现在我的jQuery和后备都同时被绑定了。应该没有其中一个吗?将这两种方法同时编码是一种有效的做法吗?正如您所看到的,使用jQuery,有动画。因此,如果两种方法都回退并且jQuery连接起来,那么哪一种会优先考虑?

1 个答案:

答案 0 :(得分:1)

您的Javascript将首先运行。这是正确的发展方式。这被称为&#34; Progressive Enhancement&#34;,这是一种很好的做法。正如您所猜测的那样,它基本上意味着那些拥有javascript的人会看到动画,然后运行链接,而不是那些只是点击链接的人。因此,回退的最佳实践基本上就是您正在做的事情,只需将代码HTML编写为无需JS工作,并使用JS来改变它,或者使其更好

编辑:我可能是错的,首先,唯一的方法就是自己测试;)但根据我的经验,它会先行