0

我在 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>
4

2 回答 2

4

变量event未定义，它应该是：

$("div.gallery a").click(function (event) {
    event.preventDefault();
    $("div.picture").html($("<img>").attr("src", this.href).fadeIn(1000));
});
于 2013-02-28T00:45:30.557 回答
0

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

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

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

于 2013-02-28T00:46:03.177 回答