Question

我正在使用twitter bootstrap tabbable：

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

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

您可以看到例如：

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

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

我想如果存在一些插件或库来使用jquery制作这个功能，或者为此目的存在一些gem，因为github是用rails上的ruby制作的。

非常感谢！

Answer 1

为预览标签链接指定ID，并使用标签的show事件更新内容。如何访问要提供给选项卡内容的数据取决于您正在使用的WYSIWYG

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

DEMO：http://jsfiddle.net/hrXCC/

API参考（参见标签的事件）：http://twitter.github.com/bootstrap/javascript.html#tabs

带有rails 3.2的github预览功能

1 个答案: