Jquery 尝试将自定义HTML添加到lightbox

我正在尝试在我的网站中实现一个lightbox。我遵循了教程，效果很好。但是，我希望lightbox包含HTML代码（例如标记）。教程显示的方式强制用户在框中内联地写下您想要的内容

onclick=“javascript:lightbox（‘应该在盒子里的东西’）”

如何让它从另一个文件读取？或者，在框中使用HTML的最佳方式是什么？我不希望所有的东西都在一条线上

---

谢谢

这是

lightbox（）

函数中的代码，用于将HTML内容放入框中：

// insert HTML content
if(insertContent != null){
    $('#lightbox').append(insertContent);
}

您只需修改或添加javascript即可

例如，做什么

onclick="javascript:lightbox('stuff <b>that's</b> supposed <a href="http://my.com">to be</a> in the box')" 

onclick=“javascript:lightbox（‘盒子里应该有的东西’）”

把粗体部分和链接放进去

如果你有很多文本要输入，你可以这样做：

onclick="javascript:lightbox('stuff <b>that's</b> ' +
'supposed <a href="http://my.com">to be</a> '
'in the box')" 

onclick=“javascript:lightbox（'那些+
“假定的”
“在盒子里”）

确保不要丢失空间

如果希望显示屏显示更多的线，请使用以下方式：

onclick="javascript:lightbox('stuff <b>that's</b> supposed<br> <a href="http://my.com">to be</a> <br> in the box')" 

onclick=“javascript:lightbox（

应该放在盒子里的东西”）

每个

将产生一个新行

---

这只是HTML格式。

我看到，您至少有两个选项。首先，您必须创建一个XHR（XMLHttpRequest）对象，并从外部文件读取要显示在lightbox中的内容

---

在iframe或frame中显示内容的第二次机会。因此，lightbox将包含您指定的一个框架。

根据我在以下网站上阅读的内容，lightbox似乎不支持开箱即用的功能：

但是一个很好的选择是shadowbox.js，可以在这里找到：

此处的文档：

正确加载库后的示例链接：

<a href="myHTMLPage.html" rel="shadowbox;width=500;height=500;"></a>

所以我用HTML代码替换insertContent？我应该在HTML部分的括号中放什么？（onClick部分）。编辑：我想我明白了。谢谢是的！例如，使用

onclick=“javascript:lightbox（'应该在框中的东西'）”

将粗体部分放入其中并添加一个链接。没有其他方法可以做到这一点吗？我计划用div等自定义布局，而且会有很多代码我不使用那个插件。我遵循这一点：如果有人在乎，我自己解决了这个问题。我在lightbox函数中传递了父级的ID。在JavaScript代码中，我更改了

$（'#lightbox'）.append（insertContent）

到

$（'#lightbox'）。追加（$（insertContent.show（））。然后我删除了两个
$（'#lightbox'）.empty（）。这是一把小提琴：