如何在Colourbox中單擊按鈕後呈現表單？

我想實現一個按鈕，將更新模式和呈現窗體的Colorbox。如何在Colourbox中單擊按鈕後呈現表單？

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，所以我無法鏈接到它。

來源

2012-03-04 toandang

建議您升級您選擇一個級別，並更新到1.7.1 jQuery的可能是這樣的：

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

所以這樣你看身體爲有選擇的任何元素「一個[相對= '顏色框']」。

希望這會有所幫助。

來源

2012-03-04 16:43:23 Relic

選擇器現在工作。我遇到的問題是我不知道如何呈現促銷表單，而不是通過href鏈接。 – toandang 2012-03-04 18:15:47

哦....只需使用html屬性而不是href屬性，該值將是一個字符串或一個jQuery對象。 – Relic 2012-03-05 05:14:11

如何在Colourbox中單擊按鈕後呈現表單？

回答

相關問題