Question

我不熟悉jquery或javascript，所以我找到了类似问题的解决方案，但没有解释它是如何工作的，所以我可以将其转换为使用我的灯箱版本。

所以我想在新页面打开时加载orangebox（jquery插件）。用于通知用户他们已成功提交联系表格。

这是指向orangebox http://orangebox.davidpaulhamilton.net

的链接

可能触发这个的事情

    <a href="#thankyou" rel="lightbox" title="ty">Thank You?</a>
<div id="inlineContent" style="display:none">Thank You</div>
</span></div>
</span></div>
<div id="thankyou" style="display:none"> 
    <p>Thank you for contacting us, we will reply soon.
</p> 
    </div>

谢谢你们

Answer 1

如果你看一下公共方法，你可以看到如何创建一个新的橙色框： http://orangebox.davidpaulhamilton.net/api.html

$("anchorID").orangebox('create');

在您想要使用div id thankyou 创建橙色框的页面上添加此代码。

    $(function(){
      $("#thankyou").orangebox('create');
    });

未经测试。如果有效，请告诉我。

只是为了让你知道：

$(function() {

相当于

$("document").ready(function(){

所以在加载文档时应该创建橙色框。

页面加载时的橙色框（灯箱）

1 个答案: