jquery - 带有 rails 3.2 的 github 预览功能

Question

我正在使用 twitter bootstrap tabbable：

http://twitter.github.com/bootstrap/components.html#tab3

我想知道，当用户在 github 上打开一个新问题并按下预览选项卡时，如何复制预览效果。我想在发布此项目之前预览实际项目。

例如，您可以看到：

https://github.com/samwillis/pagedown-bootstrap/issues/new

您可以单击预览并预览您的问题。

我想是否存在一些插件或库来使用 jquery 制作此功能，或者为此目的存在一些 gem，因为 github 是用 ruby​​ on rails 制作的。

非常感谢你！

Answer 1

给预览标签链接一个ID，并使用show标签的事件来更新内容。您如何访问数据以提供给选项卡内容将取决于您使用的所见即所得

$('#preview_tab').on('show',function(){
    var preview=$('#comment').val();
    preview= preview.length ? preview : 'No Comment provided'
    $('#preview_pane').html(preview)
});

演示：http: //jsfiddle.net/hrXCC/

API 参考（请参阅选项卡事件）：http: //twitter.github.com/bootstrap/javascript.html#tabs