jquery - IE 中 Bootstrap 中的 slider 不起作用

Question

我已经在我的网站上实现了 Bootstrap (Twitter)，但 slider 出现问题。除了 IE 之外，它在所有浏览器中都运行良好。以下是错误:

Message: 'target' is undefined

下面是触发错误的JS:

$(this).find('.arrow-right').each(function (){
    $(this).bind(event_down, function (){
        content.swipe.next();
        if ($.browser.msie){
            var pos = target.swipe.getPos();
            var k = 0;
            pageview.children().each(function (){
                var act=k==pos;
            $(this).addClass((act?"":"in")+"active").removeClass((act?"in":"")+"active");
                k++;
            });
        }
    });
});

更新

上面的代码来自hammer.js，我用它来做手势。当我删除这段代码时，它仍然不起作用。所以基本上现在不会抛出任何错误，但所有幻灯片都是垂直显示的，并且 slider (当然)不起作用。

Answer 1

您的错误与浏览器或 IE 无关。您只会在 IE 上看到此错误，因为您在 if ($.browser.msie) 中使用了 target。您必须使用 event.target，其中 event 是变量绑定(bind)事件函数。

显示:

<button id="button1">Click</button> 
<button id="button2">Click</button> 
</div>  

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

<script type="text/javascript">
$('#button1').click(function(){
        alert(target.nodeName)
    }
);

$('#button2').click(function(event){
        alert(event.target.nodeName);
    }
);

第一个按钮将导致与您遇到的相同错误。在您的情况下，使用 $(this).bind(event_down, function (event) 和 event.target.swipe.getPos();

另请参阅:http://api.jquery.com/event.target/