Javascript 父级和iframe中的Bootstrap.js文件
我正在通过twitter使用bootstrap创建一个web应用程序。应用程序包含一个页面，该页面在iframe中加载同一域的另一个页面。现在我的问题是，如果我在iframe中加载的页面也包含bootstrap.js文件，那么它开始与应用程序冲突。 例如，我的应用程序使用数据属性构建了一个手风琴（折叠）。 加载bootstrap.js的页面后，崩溃事件将启动两次Javascript 父级和iframe中的Bootstrap.js文件,javascript,web,twitter-bootstrap,javascript-framework,Javascript,Web,Twitter Bootstrap,Javascript Framework,我正在通过twitter使用bootstrap创建一个web应用程序。应用程序包含一个页面，该页面在iframe中加载同一域的另一个页面。现在我的问题是，如果我在iframe中加载的页面也包含bootstrap.js文件，那么它开始与应用程序冲突。 例如，我的应用程序使用数据属性构建了一个手风琴（折叠）。 加载bootstrap.js的页面后，崩溃事件将启动两次 <head>//Bootstrap css and js files included</head> <
<head>//Bootstrap css and js files included</head>
<body>
<div>
//Collapsible Menu #1
</div>
<iframe>
<head>
//BootStrap.js script from same location as parent
</head>
<body>
// Another Collapsible Menu #2
</body>
` </head>
</iframe>
</body>
//包含引导css和js文件
//可折叠菜单#1
//BootStrap.js脚本与父脚本位于同一位置
//另一个可折叠菜单#2
`
有办法解决这个问题吗？还是我做错了什么？我只在IE9中遇到了同样的问题 我正在一个IFRAME对话框中打开我的网站实例。这意味着有两个引导实例，如上所述 当我将鼠标移出IFRAME时，它调整了基础布局的大小，以匹配IFRAME中较小布局的宽度 为了解决这个问题，我必须使用javascript禁用打开页面bootstrap-responsive.js样式表。然后，当您关闭IFRAME对话框时，可以重新启用它
if(navigator.userAgent.indexOf("Trident/5")>-1){
window.parent.document.getElementById("responsiveCSS").sheet.disabled = true;
}
可怕的黑客，我知道。我只在IE9中遇到过同样的问题 我正在一个IFRAME对话框中打开我的网站实例。这意味着有两个引导实例，如上所述 当我将鼠标移出IFRAME时，它调整了基础布局的大小，以匹配IFRAME中较小布局的宽度 为了解决这个问题，我必须使用javascript禁用打开页面bootstrap-responsive.js样式表。然后，当您关闭IFRAME对话框时，可以重新启用它
if(navigator.userAgent.indexOf("Trident/5")>-1){
window.parent.document.getElementById("responsiveCSS").sheet.disabled = true;
}
可怕的黑客，我知道。发现了问题。。这是非常具体的我的应用程序。它的工作方式是——在“目标”网页中包含一个JS文件来触发应用程序。JS文件不会删除页面中的所有内容，并构建一个iframe来加载iframe中“target”的内容。现在在本例中，我在app.js文件之前运行BootstrapJS，这反过来导致在“父”帧中执行，然后当应用加载时，它被重新加载，从而导致冲突（或由于多次包含而导致多个事件）。发现问题。。这是非常具体的我的应用程序。它的工作方式是——在“目标”网页中包含一个JS文件来触发应用程序。JS文件不会删除页面中的所有内容，并构建一个iframe来加载iframe中“target”的内容。现在在本例中，我在app.js文件之前运行BootstrapJS，这反过来导致在“父”帧中执行，然后当应用加载时，它被重新加载，从而导致冲突（或由于多次包含而导致多个事件）。iframe应该没有问题（一个示例对我有效）。您是否同时加载bootstrap.js和bootstrap-collapse.js？这会导致这种行为。此外，菜单#2是否表现出相同的行为你只提到了#1。我也有同样的问题，但没有时间解决问题。但是，我通过创建另一个自定义引导，取消选中“网格系统”和“响应实用程序”选项并下载来修复它。我会在iFrame中专门使用这种新的缩小css。删除媒体查询似乎可以解决这个问题，但这并不是最理想的解决方案。事实上，我发现了这个问题。。这是非常具体的我的应用程序。它的工作方式是——在“目标”网页中包含一个JS文件来触发应用程序。JS文件不会删除页面中的所有内容，并构建一个iframe来加载iframe中“target”的内容。现在在本例中，我在app.js文件之前运行BootstrapJS，这反过来导致在“父”帧中执行，然后当应用加载时，它被重新加载，从而导致冲突（或由于多次包含而导致多个事件）。。幸好从那以后我学到了很多东西！：）iframe应该不会引起任何问题（一个例子对我很有用）。您是否同时加载bootstrap.js和bootstrap-collapse.js？这会导致这种行为。此外，菜单#2是否表现出相同的行为你只提到了#1。我也有同样的问题，但没有时间解决问题。但是，我通过创建另一个自定义引导，取消选中“网格系统”和“响应实用程序”选项并下载来修复它。我会在iFrame中专门使用这种新的缩小css。删除媒体查询似乎可以解决这个问题，但这并不是最理想的解决方案。事实上，我发现了这个问题。。这是非常具体的我的应用程序。它的工作方式是——在“目标”网页中包含一个JS文件来触发应用程序。JS文件不会删除页面中的所有内容，并构建一个iframe来加载iframe中“target”的内容。现在在本例中，我在app.js文件之前运行BootstrapJS，这反过来导致在“父”帧中执行，然后当应用加载时，它被重新加载，从而导致冲突（或由于多次包含而导致多个事件）。。幸好从那以后我学到了很多东西！：）我不能那样做。。。我的iframe页面和父页面都需要始终启用引导。。。父页面允许用户编辑子页面上的一些内容。。。所以基本上，iframe和父窗口都是一直打开的..我不能这样做。。。我的iframe页面和父页面都需要始终启用引导。。。父页面允许用户编辑几次