Javascript 旧版Internet Explorer和FancyBox中的链接

这里有一个使用FancyBox的简单示例

<script type="text/javascript">
    (function($) {
        $(document).ready(function() {
            $('#fbLink1').fancybox({
                'afterLoad': function() {
                    $('#fancyboxdiv').html('<h1>Fancybox first</h1>');
                    $('#fancyboxdiv').append('<a id="fbLink2" href="#fancyboxdiv" title="fancybox 2">Fancybox second</a>');
                },
                'afterClose': function() {
                    $('#fancyboxdiv').html('');
                }
            });
            $('#fbLink2').fancybox({
                'afterLoad': function() {
                    $('#fancyboxdiv').html('<h1>Fancybox second</h1>');
                    $('#fancyboxdiv').append('<a id="fbLink1" href="#fancyboxdiv" title="fancybox 1">Fancybox first</a>');
                },
                'afterClose': function() {
                    $('#fancyboxdiv').html('');
                }
            });
        });
    })(jQuery);
</script>
<div id="fancyboxdiv" style="display: none;"></div>     
<a id="fbLink1" href="#fancyboxdiv" title="fancybox first">First</a><br />
<a id="fbLink2" href="#fancyboxdiv" title="fancybox first">Second</a><br />

（函数（$）{
$（文档）.ready（函数（）{
$（'#fbLink1'）。fancybox({
“后加载”：函数（）{
$（'#fancyboxdiv'）.html（'fancyboxfirst'）；
$（'#fancyboxdiv'）。附加（''）；
},
“afterClose”：函数（）{
$（'#fancyboxdiv'）.html（''）；
}
});
$（'#fbLink2'）。fancybox({
“后加载”：函数（）{
$（'#fancyboxdiv'）.html（'fancyboxsecond'）；
$（'#fancyboxdiv'）。附加（''）；
},
“afterClose”：函数（）{
$（'#fancyboxdiv'）.html（''）；
}
});
});
})（jQuery）；

在Chrome浏览器中，它工作得很好，但在InternetExplorer中却不起作用。如何使其在IE8及更低版本中工作？

首先检查-->常见问题选项卡-->第6页

在我看来，IE是一个更好的浏览器，因为它不允许您与具有重复的

ID

的元素交互（ID应该是唯一的，同一文档中的两个元素不能具有相同的

ID

）

话虽如此，您要做的是添加第二个元素，该元素具有先前定义的

ID

：

$('#fancyboxdiv').append('<a id="fbLink2" href="#fancyboxdiv" title="fancybox 2">Fancybox second</a>');

---

这应该适用于任何浏览器（使用IE7测试）

可能使用旧版本的jQueryWhat不起作用？控制台中有错误吗？我使用jquery-1.9.0.min.js，在控制台中看不到任何错误。我的声誉不足15个。@user2157361:接受答案不需要声誉。

(function ($) {
    $(document).ready(function () {
        $('#fbLink1').fancybox({
            beforeShow: function () {
                $('#fancyboxdiv').html('<h1>Fancybox first</h1>');
                $('#fancyboxdiv').append('<a onclick="javascript:$(\'#fbLink2\').click();" href="javascript:;" title="fancybox 2">Fancybox second</a>');
            },
            afterClose: function () {
                // $('#fancyboxdiv').html('');
                $('#fancyboxdiv').empty();
            }
        });
        $('#fbLink2').fancybox({
            beforeShow: function () {
                $('#fancyboxdiv').html('<h1>Fancybox second</h1>');
                $('#fancyboxdiv').append('<a onclick="javascript:$(\'#fbLink1\').click();" href="javascript:;" title="fancybox 1">Fancybox first</a>');
            },
            afterClose: function () {
                // $('#fancyboxdiv').html('');
                $('#fancyboxdiv').empty();
            }
        });
    }); // ready
})(jQuery);