gpt4 book ai didi

javascript - FancyBox 的 iframe 在 Chrome 中工作,但在 IE 或 FireFox 中不起作用

转载 作者:行者123 更新时间:2023-12-03 08:35:27 30 4
gpt4 key购买 nike

Fancybox 模态窗口可以在 Chrome 中运行,但不能在 IE 或 FireFox 中运行。要查看此内容,请访问https://billiving-qa.azurewebsites.net/spa1/#/invoice单击“模板样式”窗口。

HTML:

<a fancybox="" href="#/templates?mp=b" class="btn fb-templates fancybox.iframe"><i class="fa fa-font"></i> Template Styles</a> 

指令

myApp.directive('fancybox', ['$compile', '$timeout', function ($compile, $timeout) {
return {
link: function ($scope, element, attrs) {
element.fancybox({
hideOnOverlayClick: false,
hideOnContentClick: false,
enableEscapeButton: false,
showNavArrows: false,
scrolling: false,
iframe: {'scrolling': 'no'},
onComplete: function () {
$timeout(function () {
$compile($("#fancybox-content"))($scope);
$scope.$apply();
$.fancybox.resize();
});
}
});
}
}
}]);

最佳答案

显然,这只发生在单页应用程序中。我的最终解决方法是添加另一个 html 页面并在调用弹出窗口时引用它:

<a fancybox="" href="popup.html#/templates?mp=b" class="btn fb-templates fancybox.iframe"><i class="fa fa-font"></i> Template Styles</a>

关于javascript - FancyBox 的 iframe 在 Chrome 中工作,但在 IE 或 FireFox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33229747/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com