javascript - Fallback 和 JavaScript 同时进行。正确的方法是什么?

标签 javascript jquery html

我进行了大量搜索,并遇到了大量有关“如果 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,就有了动画。因此,如果 Fallback 和 jQuery 这两种方法都连接起来,那么哪一种会优先呢?

最佳答案

您的 Javascript 将首先运行。这才是正确的发展之路。这称为“渐进增强”,这是一个很好的做法。正如您所猜测的,这基本上意味着那些拥有 javascript 的人会看到动画,然后运行链接,而那些不只是单击链接的人。所以基本上回退的最佳实践就是你正在做的事情,只需编写 HTML 代码即可在没有 JS 的情况下工作,然后使用 JS 来改变它,或者使其变得更好

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

关于javascript - Fallback 和 JavaScript 同时进行。正确的方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11840084/

相关文章:

javascript - 如何遍历数组并运行 Grunt 任务,将数组中的每个值作为 Grunt 选项传递

javascript - 需要通过 name 属性隐藏 <tr>

javascript - 隐藏内容直到其父级被点击

javascript - decodeAudioData 返回空错误

javascript - 在 jQuery 中转义撇号

javascript - 检查其中一个父节点是否具有特定类的优雅方法

javascript - 如何使用 crossfilter 和 dc.js 过滤、分组和绘制数据

javascript - 使用jquery解析json

javascript - 如何在左侧的下拉菜单中打开子菜单

html - 缩放和裁剪图像最大宽度