为什么IE不支持在现有应用程序中使用的iFrame js和css文件

why IE doesnt support iFrame js and css files to use in existing application

本文关键字:iFrame js 文件 css 不支持 IE 应用程序 为什么      更新时间:2023-09-26

在我们的Web应用程序中,我们有多个可用的小应用程序。让我们说A,B,C。"A"使用 Jquery1.4 版本。这是非常成功的版本。他们开发了几个组件。

因此,我们团队"B"也希望使用相同的组件和jquery版本。如果他们 A 发生了变化,我们需要相应地改变。目前我们正在使用 iFrame,因为有时我们需要访问"A"应用程序。现在,我们可能不会更改为 Iframe 概念。

因此,类似地使用 Iframe,我们希望使用项目 A 的 Js 和 CSS 文件。文件已成功加载。但是 Js 方法和 CSS 属性我们无法访问。

让我们举个例子:->

我正在尝试使用 Jquery 方法访问任何类,

$(" .ap-bar-section-Accounts")[2].click();

根据评论,我为 iFrame jquery url 添加了脚本标签

<script type="text/javascript" src="A's location of jquery></script>

但是,我收到错误"$"未定义。 但是,如果我看到IE调试器工具,我可以看到加载的Jquery文件。可能是什么原因。如果您需要任何进一步的细节,请告诉我。相同的代码在火狐和Mozilla中工作

根据评论,我确认两台服务器仅与HTTPS相关。

您的示例代码无效 jQuery

 $(" .ap-bar-section-Accounts")[2]// returns DOM node

应该是

 $(".ap-bar-section-Accounts").eq(2).click();

在将任何代码从父页面绑定到 iFrame 事件之前,请确保 iFrame 已加载

$(function(){
    var $frame=$('#iframeId');
    $frame.load(function(){
         $frameBody= $(this).contents().find('body');
         $frameBody.find$(".ap-bar-section-Accounts").eq(2).click();
    });
})