Как я могу отобразить форму после нажатия кнопки в Colorbox? - PullRequest
Новая
       9

Как я могу отобразить форму после нажатия кнопки в Colorbox?

0 голосов
/ 04 марта 2012

Я пытаюсь реализовать кнопку внутри Colorbox, которая обновит модальное изображение и отобразит форму.

Примером этого является добавленная функциональность Pinterest. "Домашняя страница> Добавить пин-код> Контактный 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, поэтому я не могу на нее ссылаться.

1 Ответ

0 голосов
/ 04 марта 2012

Попробуйте переместить селектор на уровень и обновиться до jQuery 1.7.1. Может быть, что-то вроде этого:

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

Таким образом, вы смотрите тело для любого элемента, у которого есть этот селектор "a [rel = 'colorbox']".

Надеюсь, это поможет.

...