Question

朋友

灯箱在Chrome和IE中无效，但为Mozilla工作。我认为这是一个编码问题，请帮助我解决问题。我已经给出了下面的代码。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 

<script type="text/javascript"> 
function check(chkbox,srr)
{

    if (chkbox.checked)
    {

        var sre = $('srr');
        $(function() {

            var lightboxHTML = '<div id="overlay"></div>' +
                               '<div id="lightbox">' +
                               '<a href="#" id="exit" onclick = "close2()">Close</a>'  +
                               '<img src='+sre+'/>' + '<p/>' + '</div>';

            $(lightboxHTML).appendTo('body').hide();

            $('#overlay').css('opacity', '0.8');

            //$('img', '#lightbox').attr('src', sre);


            $('#overlay, #lightbox').show();

            event.preventDefault();

        });
    }
}
</script> 

<script type="text/javascript"> 
function close2()
{

    $(function() {
        $('#lightbox, #overlay').hide();
        event.preventDefault();
     });
}
</script>

Answer 1

$('srr')似乎应该是$('#srr')或$('.srr')，因为我猜srr不是标记名称。我不确定这是否是唯一的问题。

Answer 2

您可能需要告诉我们您是如何使用此代码的您正在发送一个名为srr的变量，但是您在jquery选择器中用单引号围绕它。

您的第二个错误是尝试将jquery对象用作图像源的字符串。我不知道您对sre变量的期望是什么，但如果您要选择图片，则应将图片标记更改为：<img src=' + sre.attr("src") + ' /> < / p>

Lightbox无法在Chrome中运行，IE（编码错误）

2 个答案: