【问题标题】:Jquery fails to hide div in IE10 running in IE7 document and browser modejQuery在IE7文档和浏览器模式下运行的IE10中隐藏div失败
【发布时间】:2013-07-17 11:03:57
【问题描述】:

我编写了一个小的 jQuery 脚本,它查询 url 以查看它是否包含某些文本(在本例中是 PL/SQL 生成的参数和值)。如果是这样,脚本会在页面内容中隐藏一个 div,并调整相邻的 div 以填充现在不存在的 div 留下的空间。我当前的问题是,由于某种原因,该脚本在 IE7 中无法运行,尽管它可以在所有其他浏览器中运行。

    <script type="text/javascript">
      $(document).ready(function () {
        if(window.location.href.indexOf("p_ccp_path=APPLY") != -1){
          $(".page-content-right").hide();
          $("#right-col").css("width","60%");
          $("#icams-inserted").css("width","100%");
        }
      });
    </script>

我使用的是 jQuery 1.10.2 的本地化版本,可以在此处找到发生此错误的页面:

http://tinyurl.com/jqueryError

有什么想法吗?

补充:

我检查了 Firebug,没有任何错误。但是,当我检查 IE 开发者工具时,它会出现以下错误:

  SCRIPT3: Member not found
  jquery.min.js, line 5 character 8860

附加2:

从一些 cmets 看来,这可能是 IE10 渲染为 IE7 模式的问题。我将在虚拟盒子上的 IE7 的香草版本上对此进行测试,以确保是这种情况。

【问题讨论】:

  • @KamilT jQuery 1.10.2 是最新的。 :)
  • @KamilT jq 1.10.2 并不是真正的古老 jquery 版本
  • @roasted 当然可以,但是如果您想支持 IE7,那么除了 1.x 之外没有其他分支。 ;) 但我明白你的意思。
  • @insertusername这里我也明白你的意思;)
  • insertusernamehere ,roasted - 我的错,我读的是 1.1.2,它是从 2007 年 2 月开始的 :)

标签: jquery dom internet-explorer-7


【解决方案1】:

我怀疑问题出在.indexof()

应该是驼峰式的,所以应该是.indexOf()(大写O)。 Javascript 关心这类事情,所以我很惊讶它是否可以在 任何 浏览器中工作。

【讨论】:

  • 并非如此。我在 IE7 上都试过了,但它不起作用。
  • @jezzipin 肯定是 indexOf() 而不是 indexof()
  • 我知道。这是我上面问题中的错误类型。我实际上已经在使用它,所以这不是导致问题的原因。
  • 很公平。我看到你已经编辑了这个问题来解决这个问题。
【解决方案2】:

谷歌搜索错误代码指向此网址:http://bugs.jquery.com/ticket/12577

该错误可能与您发布的代码部分无关。

【讨论】:

  • 我刚刚检查了页面上是否加载了jquery.validate.min.js
【解决方案3】:

这似乎是 IE10 本身的错误,而不是我的代码中实际上存在任何错误。在远程机器上测试 IE7 的股票版本表明,该脚本确实可以在 IE7 上顺利运行。

为了确保如果用户在兼容模式下运行浏览器时问题不会持续存在,我使用了以下元标记:

     <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

这可确保通过使用“Edge”规范在 IE 兼容模式下运行时使用最新版本的 IE 标准模式。

感谢@MythThrazz 的建议,即它可能是 IE10 兼容模式的问题。

【讨论】:

  • 谢谢分享它,可能对其他人有用,但你应该在问题中提到它,而不是使用 IE7 兼容模式,而不是 IE7 ;) 哦,我看到你现在在你的问题,太好了! :)
  • 几乎是一样的。它在设计和开发时或多或少提供了或多或少相同的视觉外观等
  • 它或多或少相同但不一样(也因为这个错误,可能还有其他一些错误)。
猜你喜欢
  • 1970-01-01
  • 2012-09-05
  • 2012-10-12
  • 2012-08-22
  • 1970-01-01
  • 2012-05-10
  • 1970-01-01
  • 2012-12-01
  • 1970-01-01
相关资源
最近更新 更多