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