Question

我在html5文档上有以下代码，但它在IE中不起作用。它在Chrome中运行正常，但我已经读到IE对脚本及其编码方式不太宽容。

我是jQuery的新手，所以任何帮助都将不胜感激。

<div class="gallery">

    <div id='gallery-1' class='gallery galleryid-6 gallery-columns-9 gallery-size-thumbnail'>
        <dl class='gallery-item'>
            <dt class='gallery-icon'>
                <a href='http://mysite.co.uk/homepage-01.jpg'><img src="http://mysite.co.uk/01-90x90.jpg" /></a>
            </dt>
        </dl>
        <dl class='gallery-item'>
            <dt class='gallery-icon'>
                <a href='http://mysite.co.uk/homepage-02.jpg'><img src="http://mysite.co.uk/02-90x90.jpg" /></a>
            </dt>
        </dl>
        <dl class='gallery-item'>
            <dt class='gallery-icon'>
                <a href='http://mysite.co.uk/homepage-03.jpg'><img src="http://mysite.co.uk/03-90x90.jpg" /></a>
            </dt>
        </dl>
    </div>

</div><!--gallery-->

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<script>
    $(document).ready(function () {
        $("div.gallery a").click(function () {
            event.preventDefault();
            $("div.picture").html($("<img>").attr("src", this.href).fadeIn(1000));
        });
    });
</script>

Answer 1

变量event未定义，应为：

$("div.gallery a").click(function (event) {
    event.preventDefault();
    $("div.picture").html($("<img>").attr("src", this.href).fadeIn(1000));
});

Answer 2

您需要将event“传递”到您的点击处理程序：

$("div.gallery a").click(function(event) {    // <---- here
        event.preventDefault();

...否则在单击处理程序中未定义event。引用它会导致事情破裂（我很惊讶它可以在任何地方工作）。

IE中的jQuery无法正常工作

2 个答案: