jquery选择器在IE8中不起作用

Question

此代码导致第二行出错 ($('boxes div.box'))

<script type="text/javascript">

    $(document).ready(function () {
        boxes = $('#boxes div.box');
        images = $('#images > div');
        boxes.each(function (idx) {
            $(this).data('image', images.eq(idx));
        }).hover(
            function () {
                boxes.removeClass('active');
                images.removeClass('active');
                $(this).addClass('active');
                $(this).data('image').addClass('active');
            });
    });

</script>

错误是“对象不支持此属性或方法”。同一页面在 Firefox 和 Chrome 中运行良好。

有人吗？

Answer 1

你需要用var关键字声明变量，否则IE不知道它们来自哪里，所以会崩溃：

var boxes = $('#boxes div.box');
var images = $('#images > div');