更改iframe“src”属性与jQuery不工作在移动

在我的hrml样机，我有一个iframe，以显示不同的内容，当点击不同的缩略图。例如，当点击thumb1时，iframe将显示page1.html的内容;当点击thumb2时，iframe会显示page2.html的内容。 iframe的内嵌src属性设置为page3.html作为默认显示：更改iframe“src”属性与jQuery不工作在移动

<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，这个工程上桌上型电脑。然而，在移动设备上，iframe src不会改变，但仍然是“page3.html”，点击时不会因为缩略图的不同而改变内容。帮助和建议非常感谢！

来源

2015-12-14 Keli

你确定点击事件被触发，并且问题在于设置源。 – adeneo

@adeneo，我确定这是在桌面版Chrome上的情况，因为他们有所需的行为。移动版本中不会出现这种情况吗？你能否提供一些关于如何在移动设备上访问的建议？ – Keli

那么，你可以真的点击手机上的任何东西，你可以点击。确保在点击您的手机时点击事件确实会触发 – adeneo

我使用了TouchSwipe jQuery Plughin，所以“点击”甚至与“滑动”相冲突。添加<a>标签以环绕缩略图，并点击事件触发。

来源

2015-12-16 15:05:25 Keli

更改iframe“src”属性与jQuery不工作在移动

回答

相关问题