Question

我在IE中遇到jQuery效果问题。但是，它们可以在Chrome，Firefox和Safari中正常运行。

我在论坛中搜索过，但我找不到问题。

网站为http://www.voces.org.es

在IE中不起作用的功能是：

弹出窗口的功能：

    $(document).ready(function() {
//When you click on a link with class of poplight and the href starts with a #

$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Get Popup Name
    var popURL = $(this).attr('href'); //Get Popup href to define size

    //Pull Query & Variables from href URL
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Gets the first query string value

    //Fade in the Popup and add close button
    $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://voces.org.es/wp-content/themes/voces/img/close_pop.png" class="btn_close" title="Close Window" alt="Close" /></a>');

    //Define margin for center alignment (vertical   horizontal) - we add 80px to the height/width to accomodate for the padding  and border width defined in the css
    var popMargTop = ($('#' + popID).height() + 80) / 2;
    var popMargLeft = ($('#' + popID).width() + 80) / 2;

    //Apply Margin to Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });

    //Fade in Background
    $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
    $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
    return false;
});

//Close Popups and Fade Layer
$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
    $('#fade , .popup_block').fadeOut(function() {
        $('#fade, a.close').remove();  //fade them both out
    });
    return false;
});

}）;

我在第一个网络项目中奋力拼搏，但我真的无法解决这个问题。我很感激这里的帮助。

Answer 1

1）在继续之前，请修复所有HTML Validation errors。我收到了一些与迷路标签有关的控制台错误。

使用<body>＆amp; //<![CDATA[围绕//]]>内的任何JavaScript。 <script type="text/javascript" language="JavaScript"> //<![CDATA[ // your jQuery/JavaScript //]]> </script>标记用于阻止HTML验证解析您的JS代码。

{{1}}

2）确保您使用的是最新版本的jQuery。您使用的是1.4.1版本，已有一年多的历史了。它现在达到1.7，而且已经发生了很多变化。

3）引用OP评论：＆＃34;不能在IE7或IE8中工作但在IE6上没有尝试过。＆＃34; - 如果可能，请忘记IE6并专注于IE9。

4）如果它仍然不起作用，请尝试使用jQuery Lightbox插件（已证明可与IE一起使用）进行模式弹出。 FancyBox和prettyPhoto是可靠的选择。

jQuery弹出窗口效果在IE中不起作用，但在其他浏览器上工作

1 个答案: