c# - 使用 IE 时，花式框不会在花式框弹出窗口中打开页面

Question

我使用fancybox如下

$(document).ready(function () {
            $('[id*=addnewRequest]').fancybox({
                'width': 760,
                'height': 540,
                'padding': 0,
                'margin': 0,
                'hideOnOverlayClick': false,
                'scrolling': 'auto',
                'autoScale': false,
                'transitionIn': 'none',
                'transitionOut': 'none',
                'type': 'iframe',
                'centerOnScroll': true,
                'onClosed': function () {

                }
            });
        });

它适用于所有浏览器，除了IE. 任何想法 ？

Answer 1

您的代码中的这一行：

$('[id*=addnewRequest]').fancybox( ...

....让我觉得您在ID同一个文档中的多个元素重复相同的内容，不是吗？

在这种情况下，IE 的容忍度低于其他浏览器，并且它不适用于具有相同ID但第一个的选择器。这记录在这里http://fancybox.net/faq，第 7 号。

IDs 应该是唯一的，这意味着在ID同一个文档中只有一个元素应该具有相同的元素......你应该使用类而不是这个：

<a id="addnewRequest" href="{first target}"...
<a id="addnewRequest" href="{second target}"...

... 和

$('[id*=addnewRequest]').fancybox( ...

你应该有 ：

<a class="addnewRequest" href="{first target}"...
<a class="addnewRequest" href="{second target}"...

... 和

$('.addnewRequest').fancybox( ...