添加onclick,将htm页面加载到div区域

时间:2012-01-30 19:47:30

标签: javascript jquery html css

我是新手,请原谅我的无知。我正在创建一个图片库,并添加了一个脚本,当将鼠标悬停在图像链接上时,将缩略图加载到div id =“loadarea”。

然后我在缩略图div中添加了一个轮播滑块,以便我可以更多地放在拇指上。轮播滑块有一个名为onthumbnailclick的回调,它将在新窗口中打开链接,但我宁愿加载另一个div id =“imageinfo”,其中包含一个包含详细图像信息的html页面。

这可能吗?我对javascript和jquery非常缺乏经验。

1 个答案:

答案 0 :(得分:2)

是的,可以使用jQuery load方法将网页加载到div中。您应该只从此页面呈现所需的标记。您也可以使用load方法将数据传递到您的网页。

如果您想在响应到来后进行任何按摩,您可以在其完整的回调处理程序中进行。

$('#imageinfo').load('imgaeInfo.html', { imageId: 1111 },  function() {
    alert('Image info loaded');
});

.load()参考:http://api.jquery.com/load/

如果您只是想从某个部分获取内容,可以查看jQuery Loading Page Fragments参考中的load