jquery 函数仅在 IE7 中不起作用

Question

我有以下 jquery 代码：

$(function() {
    $('.sliding-buttons').click(slidingContent);
});

function slidingContent(e) {
    var boxID = $(this).attr('id'),
        boxName = $(this).attr('name');

    $('.sliding-holder#s-h-' + boxName).css({'display' : 'block'}).addClass('open');
    $('.sliding-content#s-c-' + boxName + '-' + boxID).css({'display' : 'block'}).addClass('open');
    $('.sliding-box#s-b-' + boxName).stop(true, true).animate({
        top:'0'
        },'slow');

    e.stopPropagation();
    e.preventDefault();
}

它适用于所有浏览器，当然，IE7 除外。在 IE7 中它无法阻止传播。

我正在使用最新版本的 jquery (1.6.2)，但也尝试过 1.5.2。

我真的很不知所措；没有尾随逗号（我可以看到......），我找不到问题。我真的很感激一些帮助！

MTIA。

Answer 1

我只是猜测...你可以用这种方式尝试...

$(function() {
    $('.sliding-buttons').click(function(e){
         var boxID = $(this).attr('id'),
        boxName = $(this).attr('name');

    $('.sliding-holder#s-h-' + boxName).css({'display' : 'block'}).addClass('open');
    $('.sliding-content#s-c-' + boxName + '-' + boxID).css({'display' : 'block'}).addClass('open');
    $('.sliding-box#s-b-' + boxName).stop(true, true).animate({
        top:'0'
        },'slow');

    e.stopPropagation();
    e.preventDefault();

   });
});

或者你需要以这种方式将事件对象传递给被调用的函数-

$('.sliding-buttons').click( slidingContent(e) );

Answer 2

如果slidingContent是一个函数，那么您可能希望将其视为函数，通过使用括号来调用它。另外，由于您引用的是 sliderContent 函数内的原始事件，因此您可能需要将事件作为函数参数传递（尽管不确定这一点，因为我从未使用过像您正在使用的事件）。

$('.sliding-buttons').click( slidingContent(e) );