我几天来一直在努力寻找解决方案。甚至还有另一个Stackoverflow页面听起来几乎就是我需要的,但是我无法在那里找到解决方案:Show div from another website
简短版本是我有一个页面(/reference.html),它有许多名为Div的元素(div id =“Red”,div id =“Blue”等)。我希望能够在我的网站(/content1.html,/ content2.html)上的其他页面中调用它们,可能在页面上不止一个。
它可能是某种用户错误,但我尝试过的每个解决方案,包括链接问题中的jQuery选项,都会导致空白。
感谢您在指出检查常见错误或替代解决方案时提供的任何帮助。
编辑:添加更多详细信息。我已经尝试了其他一些比较愚蠢的事情,所以我不会包含“明显错误”的类别。我试过的似乎应该可以工作(但还没有)如下:
References.html
<div id="Red">Red content.</div>
<div id="Blue">Blue content.</div>
<div id="Green">Green content.</div>
Content1.html
$('#insertHere').load('/References.html #Red');
<div id="insertHere"></div>
Content2.html
$('#insertA').load('/References.html #Blue');
$('#insertB').load('/References.html #Green');
<div id="insertA"></div>
<div id="insertB"></div>
再次编辑:参考页面在每个div中都有一些格式化的卡片。我希望能够从页面中提取单张卡片,而无需为每张卡片制作页面或不断复制粘贴卡片的整个代码。