草庐IT

javascript - 在 IE6 中链接 CSS 类 - 试图找到一个 jQuery 解决方案？

coder 2023-08-07 原文

tl;dr = “有人知道如何使用 jQuery 或类似工具为 IE6 应用链式类吗？”

没错，

也许我问不可能？我认为自己对 Javscript 和 jQuery 还很陌生，但话虽这么说，我最近写了一些相当复杂的代码，所以我肯定能达到目标……但是我现在在我当前的自由契约(Contract)中遇到了一个相当有趣的问题。

之前的 Web 编码器对 HTML 采用了 Grid-960 方法，因此使用链式类来设置许多元素的样式。以下示例是代码中的典型示例:

<div class='blocks four-col-1 orange highlight'>Some content</div>

并且在 css 中会有不同的声明:(不是实际的 css...但足够接近)

.blocks {margin-right:10px;}
.orange {background-image:url(someimage.jpg);}
.highlight {font-weight:bold;}
.four-col-1 {width:300px;}

更糟糕的是...这是在 CSS 中:

.blocks.orange.highlight {background-colour:#dd00ff;}

任何不熟悉此特定错误的人都可以在此处阅读更多信息:http://www.ryanbrill.com/archives/multiple-classes-in-ie/这是非常真实也非常烦人的。

不想深入了解不链接类的优点(我告诉他们这个，但改变他们的方法不再可行......将 100 个手工编码的页面变成一个 150 页的网站，没有 CMS......叹息)并且没有能够改变这些 block 的样式方式的奢侈......任何人都可以就我下面提出的任何方法或可以充分解决此问题的其他可能选项之间的复杂性和好处向我提出建议。

潜在解决方案 1

使用条件注释我正在考虑只为 IE6 加载一个 jquery 脚本:

  1. 读取页面特定部分的所有div的类并推送到一个数组
  2. 在屏幕外创建空框，一次只应用其中一个类
  3. 读取每个框应用的 CSS 值
  4. 将这些样式重新应用到单个框，以某种方式牢记调用它们的顺序并根据需要覆盖冲突的指令

潜在解决方案 2

  1. 读取页面某部分的所有div的类并推送到一个数组
  2. 扫描文档以获取指向样式表的链接
  3. Ajax 抓取样式表并遍历查找与类数组中的名称匹配的名称
  4. 根据需要应用样式

可能的解决方案 3

  1. 创建一个仅适用于 IE6 的样式表，其中包含要作为唯一名称应用的确切样式(即:class='blocks orange highlight' 变为 class='blocks-orange-highlight')
  2. 在 IE6 中遍历文档并将类声明中的所有空格转换为连字符并根据新样式名称重新应用类

总结:

解决方案 1 允许该公司的人员在未来应用任何样式，脚本将根据需要进行调整。然而，它不允许添加链接样式，只能添加单个样式......它也是处理器密集型和耗时的，但也最有可能转换成可以在世界范围内使用的插件

解决方案 2 是编码的潜在噩梦。但是再次将允许无限次更新而不会中断

解决方案 3 将要求公司的某个人在每次进行更改时都对新样式进行硬编码，如果他们不这样做，IE6 就会崩溃。

具有讽刺意味的是，该网站虽然需要以有限的方式符合 IE6，但不需要在没有 javascript 的情况下运行(他们已经做出决定......拥有 JS 或离开)，因此请考虑所有 jQuery 和 JS 解决方案开始“游戏”。

我有没有提到我有多讨厌 IE6？

无论如何...任何想法或意见将不胜感激。

我会继续开发我自己的解决方案，如果我发现一个可以变成 jQuery 插件的解决方案，我会在评论中发布。

问候，

迈克。

编辑:将 tl;dr 添加到顶部。

最佳答案

这是一个组合解决方案:http://code.google.com/p/ie7-js/

修复了多类错误和您可能遇到的其他一些选择器问题。

关于javascript - 在 IE6 中链接 CSS 类 - 试图找到一个 jQuery 解决方案？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2626370/

javascriptjQuery的sectionstronghtmlcssclass

有关javascript - 在 IE6 中链接 CSS 类 - 试图找到一个 jQuery 解决方案？的更多相关文章

  1. ruby - 使用 Vim Rails，您可以创建一个新的迁移文件并一次性打开它吗？ - 2

    使用带有Rails插件的vim，您可以创建一个迁移文件，然后一次性打开该文件吗？textmate也可以这样吗？ 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件，这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails，您可以创建一个新的迁移文件并一次性打开它吗？，我们在StackOverflow上找到一个类似的问题： https://sta

  2. ruby-on-rails - Rails - 一个 View 中的多个模型 - 2

    我需要从一个View访问多个模型。以前，我的links_controller仅用于提供以不同方式排序的链接资源。现在我想包括一个部分(我假设)显示按分数排序的顶级用户(@users=User.all.sort_by(&:score))我知道我可以将此代码插入每个链接操作并从View访问它，但这似乎不是“ruby方式”，我将需要在不久的将来访问更多模型。这可能会变得很脏，是否有针对这种情况的任何技术？注意事项:我认为我的应用程序正朝着单一格式和动态页面内容的方向发展，本质上是一个典型的网络应用程序。我知道before_filter但考虑到我希望应用程序进入的方向，这似乎很麻烦。最终从任何

  3. ruby - capybara field.has_css?匹配器 - 2

    我在MiniTest::Spec和Capybara中使用以下规范:find_field('Email').must_have_css('[autofocus]')检查名为“电子邮件”的字段是否具有autofocus属性。doc说如下:has_css?(path,options={})ChecksifagivenCSSselectorisonthepageorcurrentnode.据我了解，字段“Email”是一个节点，因此调用must_have_css绝对有效!我做错了什么？ 最佳答案 通过JonasNicklas得到了答案:No

  4. ruby-on-rails - 渲染另一个 Controller 的 View - 2

    我想要做的是有2个不同的Controller，client和test_client。客户端Controller已经构建，我想创建一个test_clientController，我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集，然后呈现客户端Controller的索引View，以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>

  5. ruby - 在 jRuby 中使用 'fork' 生成进程的替代方案？ - 2

    在MRIRuby中我可以这样做:deftransferinternal_server=self.init_serverpid=forkdointernal_server.runend#Maketheserverprocessrunindependently.Process.detach(pid)internal_client=self.init_client#Dootherstuffwithconnectingtointernal_server...internal_client.post('somedata')ensure#KillserverProcess.kill('KILL',

  6. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象，为什么它会起作用？ - 2

    如果您尝试在Ruby中的nil对象上调用方法，则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而，有一个tryRails中的方法，如果它被发送到一个nil对象，它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常？ 最佳答案 像Ruby中的所有其他对象

  7. ruby - 为什么 SecureRandom.uuid 创建一个唯一的字符串？ - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗？通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion为什么SecureRandom.uuid创建一个唯一的字符串？SecureRandom.uuid#=>"35cb4e30-54e1-49f9-b5ce-4134799eb2c0"SecureRandom.uuid方法创建的字符串从不重复？

  8. ruby-on-rails - Rails - 从另一个模型中创建一个模型的实例 - 2

    我有一个正在构建的应用程序，我需要一个模型来创建另一个模型的实例。我希望每辆车都有4个轮胎。汽车模型classCar轮胎模型classTire但是，在make_tires内部有一个错误，如果我为Tire尝试它，则没有用于创建或新建的activerecord方法。当我检查轮胎时，它没有这些方法。我该如何补救？错误是这样的:未定义的方法'create'forActiveRecord::AttributeMethods::Serialization::Tire::Module我测试了两个环境:测试和开发，它们都因相同的错误而失败。 最佳答案

  9. ruby-on-rails - Ruby url 到 html 链接转换 - 2

    我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时，我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有，我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.

  10. ruby - 用 Ruby 编写一个简单的网络服务器 - 2

    我想在Ruby中创建一个用于开发目的的极其简单的Web服务器(不，不想使用现成的解决方案)。代码如下:#!/usr/bin/rubyrequire'socket'server=TCPServer.new('127.0.0.1',8080)whileconnection=server.acceptheaders=[]length=0whileline=connection.getsheaders想法是从命令行运行这个脚本，提供另一个脚本，它将在其标准输入上获取请求，并在其标准输出上返回完整的响应。到目前为止一切顺利，但事实证明这真的很脆弱，因为它在第二个请求上中断并出现错误:/usr/b

随机推荐