Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用链接中的数据填充容器的最佳方法是什么?_Javascript_Css_Iframe_Sidebar - Fatal编程技术网

Javascript 用链接中的数据填充容器的最佳方法是什么?

Javascript 用链接中的数据填充容器的最佳方法是什么?,javascript,css,iframe,sidebar,Javascript,Css,Iframe,Sidebar,我一直无法思考如何从链接(在我的域中)调用信息来填充边栏容器,我希望为相同的信息显示其他来源 它看起来很像“相关新闻”,但不会自动生成,而是使用代码中包含的链接,这些链接通过单击链接(最有可能)或在链接加载到Iframe后加载来调用它 该网站是围绕CSS构建的,但我想我需要javascript来完成这项任务。我是以正确的方式来处理这个问题,还是应该从不同的角度来看待这个问题?这里是一个基本的例子。当您单击该链接时,jQuery将把content.html加载到“xyz”div中 HTML <

我一直无法思考如何从链接(在我的域中)调用信息来填充边栏容器,我希望为相同的信息显示其他来源

它看起来很像“相关新闻”,但不会自动生成,而是使用代码中包含的链接,这些链接通过单击链接(最有可能)或在链接加载到Iframe后加载来调用它


该网站是围绕CSS构建的,但我想我需要javascript来完成这项任务。我是以正确的方式来处理这个问题,还是应该从不同的角度来看待这个问题?

这里是一个基本的例子。当您单击该链接时,jQuery将把content.html加载到“xyz”div中

HTML

<a id="abc" href="#">Load Info</a>
<div id="xyz"></div>
这里是一个演示,我使用了html()函数,但它的基本思想是一样的


演示:

我想你说的是一个“include”。现在查看jQuery load()函数查看它……烹饪晚餐,因此我必须尝试在以后将其集成到我的站点中,但它看起来非常有前景。谢谢你的提醒。关于noob的问题,我很抱歉。
$('#abc').click(function() {
    $('#xyz').load('content.html');
});