2

私はTwitterのブートストラップタブブルを使用しています:

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

ユーザーがgithubで新しい問題を開いてプレビュータブを押したときに、プレビュー効果をどのように再現できるかを知りたいです。このアイテムを投稿する前に実際のアイテムをプレビューしたい。

たとえば、次のように表示されます。

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

プレビューをクリックして、問題をプレビューできます。

githubはruby on railsで作られているので、jqueryでこの機能を作るためのプラグインやライブラリ、またはこの目的のためのgemがあればいいのですが。

どうもありがとうございました！

4

1 に答える 1

3

プレビュー タブ リンクに ID を指定しshow、タブのイベントを使用してコンテンツを更新します。タブ コンテンツに提供するデータにアクセスする方法は、使用している WYSIWYG によって異なります。

$('#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

于 2013-03-02T13:35:15.740 に答える