Question

我有一个简单的功能，除了IE7以外，所有浏览器都可以使用。

$('.thumb-images .thumb-square span').click(function(){
    var target = $(this).attr("id");
    $('.main-images div').removeClass('selected');
    $('.main-images div#'+target).addClass('selected');
});

示例的网址位于：http://susyboyer.com/editorial-illustration/people/

为了让您了解功能 - 缩略图与右侧较大的图像相关联。第一个较大的图像被赋予一个选定的类。单击缩略图时，将删除所选的类，然后将其添加到相应的较大图像中。

如果有人能给我一些反馈，那就太好了。

感谢。

小连

Answer 1

嗯，从我所知道的情况来看，您的页面上可能有多个具有相同ID的元素。我假设这是因为你的代码结构的方式;构建代码以执行所需操作的更简单直接的方法是：

$('.thumb-images .thumb-square span').click(function(){
    $('.main-images div').removeClass('selected');
    $(this).addClass('selected');
});

由于你没有这样做，我猜它是因为你有一个与div相同id的span。尝试给它们提供唯一的ID，而是使用其他一些属性来匹配它们。这可能就是IE7适应的原因。

Answer 2

以下代码中的given page出现错误：

        $('.date-pick').datepicker({
            autoFocusNextInput: true,
            constrainInput: false,
            changeMonth: true,
            changeYear: true,
            beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); },
            dateFormat: 'yy/mm/dd',
        });

在dateFormate值后面有一个不需要的“，”。

dateFormat：'yy / mm / dd'，

jquery addClass在IE7中不起作用

2 个答案: