Question

我正在尝试在Colorbox中实现一个按钮，它将更新模态并渲染表单。

这方面的一个例子是Pinterest的添加功能。 "Homepage > Add a Pin > Pin URL"

我尝试过复制Colorbox的内联HTML示例。

<script type="text/javascript">
$(document).ready(function () { 
    $(".inline").colorbox({inline:true, width:"50%"});

    $('a[rel="colorbox"]').live("click", function() {

    $.colorbox({
        open: true,
        href: this.href
    });

    return false;
    });
});
</script>

        <div style='display:none'>
            <div id='inline_content' style='padding:10px; background:#fff;'>
            <p><strong>Add a Promotion</strong></p>
            <p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
            <p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p>
            <p>Updating Content Example:<br />
            <a class="ajax" href="**shared/promotion_form**" rel="colorbox">Add a Promotion</a></p>
            </div>
        </div>

问题是表单是_promotion_form.html.erb所以我无法链接到它。

Answer 1

尝试将选择器向上移动一级，然后更新到jQuery 1.7.1 也许是这样的：

$('body').on("click", "a[rel="colorbox"]", function() {

所以这样你就可以看到身体上任何有选择器的元素“a [rel ='colorbox']”。

希望这有帮助。

如何在Colorbox中单击按钮后呈现表单？

1 个答案: