没有 javascript 的优雅解决方案

发布于 2024-10-19 04:30:16 字数 172 浏览 1 评论 0原文

所以我创建了一个 jquery 下拉列表,看起来不错,但现在我需要处理 noscript 用户。关闭 Javascript 后,我​​的 div 仍然存在,并且还显示替代沼泽标准选择框。

我正在寻找一个优雅的解决方案来删除所有启用 jquery 的内容(使用 css?)并用更多的 baisc HTML 替换它们。

So I have created a jquery dropdown which looks nice but now I need to handle the noscript users. With Javascript turned off my div is still there and is also displays the alternative bog standard select box.

I am looking for an elegant solution to remove all jquery enalbled content, (with css?) and replace them with more baisc HTML.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

泡沫很甜 2024-10-26 04:30:16

您正在从错误的方向解决问题。您应该从基本的 HTML 开始,然后通过 javascript/jQuery/等应用渐进增强功能。使用该模型,您将始终可以使用可用的界面来实现“禁用 javascript”的功能。

试图从“花里胡哨”的界面逆向工作是加倍困难的。

如果您的增强界面需要其他 HTML 实体,那么最好的办法是将它们设置为“display: none”并使用 javascript/jQuery/等显示它们。

You are approaching the problem from the wrong direction. You should start with basic HTML and then apply progressive enhancements through javascript/jQuery/etc. Using that model you will always have the fall back of 'javascript disabled' with a workable interface.

Trying to work backward from a 'bells and whistles' interface is doubly hard.

If there are additional HTML entities required for your enhanced interface then the best thing is to set them to "display: none" and reveal them using javascript/jQuery/etc.

朱染 2024-10-26 04:30:16

我建议你走相反的路。首先,您开发没有 jquery 内容的页面。该页面应仅使用标准 html 元素。然后您使用 jQuery 来扩展它们(例如,使用 jQuery 更改标准下拉列表)。

I would recommend you to go other way round. First you develop the page without jquery content. The page should use just standard html elements. And then you use jQuery to extend them(eg. change standard dropdown with jQuery one).

猫腻 2024-10-26 04:30:16

同意拉撒路的观点。为了帮助您处理下拉菜单,您可以使用 css ":hover" 来实现一些不使用 JS 的隐藏和显示。

Agree with Lazarus. To help you with your drop-down, you can use css ":hover" to achieve some hiding and revealing using no JS.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文