与轨道3.2 github上预览功能(github preview feature with rai

2019-07-20 20:26发布

我使用Twitter的引导tabbable:

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

我想知道,我怎么能复制预览效果 ,当用户打开一个新的问题,在GitHub上并按下预览选项卡上。 我想后前预览实际的项目这个项目。

你可以看到,例如:

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

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

如果存在着一些插件或库,以使此功能与jQuery,还是存在着一些宝石用于此目的,因为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)
});

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

API参考(见活动为标签): http://twitter.github.com/bootstrap/javascript.html#tabs



文章来源: github preview feature with rails 3.2