带有rails 3.2的github预览功能答案

【问题标题】：github preview feature with rails 3.2带有rails 3.2的github预览功能
【发布时间】：2013-03-02 12:05:20
【问题描述】：

我正在使用 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 制作的。

非常感谢！

【问题讨论】：

标签： jquery ruby-on-rails preview

【解决方案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

【讨论】：