更改 iframe "src" 属性 jQuery 在移动设备上不起作用

Question

在我的 hrml 模型中，我有一个 iframe，可以在单击不同的缩略图时显示不同的内容。比如点击thumb1，iframe会显示page1.html的内容；当点击thumb2时，iframe会显示page2.html的内容。 iframe的内联src属性设置为page3.html作为默认显示：

<iframe id="frame" src="page3.html" frameborder="0" scrolling="no">       </iframe>

并且 src 将在 jQuery 的点击事件中改变：

$('.thumb1').click(function(){
 $('iframe').attr('src', "page1.html");
});

$('.thumb2').click(function(){
 $('iframe').attr('src', "page2.html");
});

$('.thumb3').click(function(){
 $('iframe').attr('src', "page3.html");
});

$('.thumb4').click(function(){
 $('iframe').attr('src', "page4.html");
});

 $('.thumb5').click(function(){
$('iframe').attr('src', "page5.html");

}); 

对于 Chrome，这适用于 desktop/PC。然而，在移动设备上，iframe src 没有改变，但仍然是 "page3.html"，点击不同的缩略图时内容不会相应改变。 非常感谢帮助和建议！

Answer 1

我使用了 TouchSwipe jQuery 插件，所以 "click" 甚至与 "swipe" 冲突。 <a> 标签已添加以环绕缩略图，点击事件正在触发。