尝试向lightbox添加自定义HTML

Question

我正在尝试在我的网站实现一个lightbox。我遵循了这个教程，它工作很好。但是，我希望lightbox包含HTML代码（如标记）。本教程显示的方式迫使用户在框中内联地编写您想要的内容

onclick=“javascript:lightbox('stuff that's popting to be in the box')”。

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

http://jsfiddle.net/ytjad/

谢谢！

Answer 1

这是lightbox()函数中的代码，它将HTML内容放入框中：

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

您需要做的只是修改或添加到JavaScript中。

例如,do

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

把粗体部分和一个链接放进去。

如果你有很多文本要放进去，你可以这样做：

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

请确保不要丢失空格。

如果希望显示器显示更多的行,请使用如下所示：

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

每个
将生成一个新行。

它只是HTML格式。