jquery 单击阻止转到页面顶部

Question

我的页面上有许多图像。有些位于页面底部，需要滚动。我发现，当我点击图像时，图像会变成视频，它会让我转到页面顶部。

这是我的代码:

$('#videoconner').click(function () {
     $(this).replaceWith('<iframe width="280" height="164" src="http://www.youtube.com/embed/6kR2n4344UCAU?autoplay=1&cc_load_policy=1&rel=0" frameborder="0" allowfullscreen></iframe>');
});

我添加:

e.preventDefault();

但这并没有帮助。

有什么办法可以防止转到页面顶部吗？

Answer 1

将 e(事件参数)添加到您的点击函数中。

$('#videoconner').click(function (e) {
    e.preventDefault();
    $(this).replaceWith('<iframe width="280" height="164" src="http://www.youtube.com/embed/6kR2n4344UCAU?autoplay=1&cc_load_policy=1&rel=0" frameborder="0" allowfullscreen></iframe>');
});