[英]Preview an html page without opening it
单击图像时,如何在同一页面中预览另一个页面而不打开实际页面。 假设网址/home/home.php?id=3
预览应该在预览 div 中:
<img src="/home/app/img/toggle.gif" onlclick="show();" />
<div id="preview"></div>
您可以为此使用.load()
。 这是一个示例,HTML 如下所示:
<img src="/home/app/img/toggle.gif" id="previewBtn" />
<div id="preview"></div>
像这样的jQuery:
$("#previewBtn").click(function() {
$("#preview").load("/home/home.php?id=3");
});
或者,如果你有很多预览,像这样更通用的作品:
<a class="previewBtn" href="/home/home?id=1">Preview 1</a>
<a class="previewBtn" href="/home/home?id=2">Preview 2</a>
<div id="preview"></div>
使用这个 jQuery:
$(".previewBtn").click(function() {
$("#preview").load(this.href);
});
$(function() {
$.ajax({
url: '2.htm',
success: function(data) {
$('.result').html(data);
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.