Jquery plugins load（）+Lightbox仅在IE 8上不起作用

这一次，它和我以前的帖子有点不同。所以我决定做一个新的

仅供参考，我使用以下Lightbox插件：

ePC.html=包含具有lightbox效果的图像，可与IE、Chrome、Firefox一起使用

reviews.html=主页。连接到scripts/script.js。包含.load函数，通过单击这3个链接之一加载ePhone.html或ePC.html。请忽略ePhone.html。 下面是scripts/script.js文件：

$(document).ready(function() {
    //ePhone link is clicked. Open ePhone.html PLEASE IGNORE THIS LINK.
    $('#linkEPhone').click(function() {
        $('#apDiv2').load('ePhone.html');
    });

    //ePC link is clicked. Open ePC.html
    $('#linkEPC').click(function() {
        $('#apDiv2').load('ePC.html', function () {
             $('a[@rel*=lightbox]').lightBox();
       });

    });

    //ePC2 link is clicked. Open the <div> section of ePC.html. The image is located inside the <div> section.
    $('#linkEPC2').click(function() {
                $('#apDiv2').load('ePC.html #content', function () {
                 $("head").append($("<link rel='stylesheet' href='css/jquery.lightbox-0.5.css' type='text/css' media='screen' />"));
                 $.getScript('js/jquery.js', function() {
                  $.getScript('js/jquery.lightbox-0.5.js', function() {
                         $('a[@rel*=lightbox]').lightBox();
                 });
                });
       });

    });
});

第三个问题是： $'apDiv2'。加载'ePC.html内容'，函数{

'内容是id。图片位于ePC.html内的标记内

<div id=content>
<a rel="lightbox" href="images/bird.jpg"><img src="images/bird_s.jpg" width="72" height="72" alt="" /></a>
</div>

它在Chorme和Firefox上100%有效，但在InternetExplorer8上不行！！！！。我理解为什么现在人们讨厌IE。。 IE崩溃了！我后来通过删除reviews.html中的！DOCTYPE..修复了这个崩溃问题 好的！DOCTYPE已删除，IE不再崩溃。但是，lightbox CSS不会应用于图像

我尝试过但不起作用的其他方法： *1.活荷载而非荷载：*

这个根本不起作用，连图像都没有。 所以我想我可能会坚持使用load函数

2.我还尝试将以下3行放入div部分：

---

但它也不起作用。

我也有同样的问题，并注意到IE中jQuery负载的一些问题：

它不接受'loadhref selector，function…'的语法，而chrome和FireFox则接受这种语法。 加载的html不应包含标记。

---

您正在使用$.getScript加载js/jquery.js，没有必要，因为您已经在使用它。这可能会导致冲突，请尝试将加载从：'ePC.html，content'更改为'ePC.html content'，尝试手动在头部附加这些脚本和css，从选择器中删除@我认为这不会有帮助，但是：，让我知道：Thx，但我尝试了并它也不起作用。顺便说一句，我必须加载js/jquery.js，灯箱效果根本不起作用。哦，是的，它现在起作用了！！：我在没有那两行脚本的情况下将css行添加到div中，现在它在IE上起作用了！！太好了！谢谢！

$('#linkEPC2').click(function() {
                    $('#apDiv2').live('load', 'ePC.html, #content', function(){
                     $("head").append($("<link rel='stylesheet' href='css/jquery.lightbox-0.5.css' type='text/css' media='screen' />"));
                     $.getScript('js/jquery.js', function() {
                      $.getScript('js/jquery.lightbox-0.5.js', function() {
                             $('a[@rel*=lightbox]').lightBox();
                     });
                    });
           });

        });

<div id=content>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
    <a rel="lightbox" href="images/bird.jpg"><img src="images/bird_s.jpg" width="72" height="72" alt="" /></a>
    </div>