Question

我正在创建一个小型照片查看脚本，但我遇到的问题是IE。 jquery在所有其他浏览器中都可以正常工作，但在IE中则不然。

以下是以下脚本：

$(function() {
$( '.open-img' ).on('click', function() { 
    var src = $( this ).attr( 'src' );
    $( '.inner-pop-up' ).html( '<img src="' + src + '" class="op-img db" />' );
    $( '.cs-outer-pop-up' ).fadeIn(800);
    $( '#cs-main-header-top').fadeOut(500);
    $( '.op-img' ).on('click', function() {
        $( '.cs-outer-pop-up' ).fadeOut(800);
        $( '#cs-main-header-top').fadeIn(800);
    });
    $(document).keyup(function(e) {
        if (e.keyCode == 27) { 
           $( '.cs-outer-pop-up' ).fadeOut(800);
        }
    });
});

}）;

这是html :( img去的地方）

<div class="cs-outer-pop-up pr db oh" style="display: none">
<div class="inner-pop-up">

</div>

这里是html :( img是点击的地方）

<div class="main-pad ma oh pr db m-t10 m-b10">
                <div class="cs-screenshots w1-ha pr db oh">
                    <ul class="oh"> 
                        <li><div class="outer-b-screen oh b5 db ma"><img src="img/screens/cs1/1.png" alt="Counter-Strike 1.6: Screen 1" class="open-img" /></div></li>
                        <li><div class="outer-b-screen oh b5 db ma"><img src="img/screens/cs1/1.png" alt="Counter-Strike 1.6: Screen 1" class="open-img" /></div></li>
                        <li><div class="outer-b-screen oh b5 db ma"><img src="img/screens/cs1/1.png" alt="Counter-Strike 1.6: Screen 1" class="open-img" /></div></li>
                        <li><div class="outer-b-screen oh b5 db ma"><img src="img/screens/cs1/1.png" alt="Counter-Strike 1.6: Screen 1" class="open-img" /></div></li>
                    </ul>
                </div> 
            </div>

我不知道为什么它不起作用，所以请帮我解决问题:) 谢谢:)

Answer 1

$( '.open-img' ).on('click', function() {

上面的代码尝试在类“open-img”的元素上设置click处理程序。我在HTML代码中看不到它......

（但也许其他东西不起作用）

为什么不开启（＆＃39;点击＆＃39;，function（）{}）;在IE上正常工作？

1 个答案: