タグ付けされた質問 「tabs」

コンテンツの上、下、または横へのナビゲーション参照を持つ複数のページまたは要素の表示を可能にするユーザーインターフェイスパターン。ナビゲーション参照をクリックすると、1つの要素が表示され、他の要素はオフになります。多くの場合、ナビゲーション参照は、現在表示されていることを示す方法で色分けされています。

5
Eclipseでいくつかの非表示/空白文字を表示する
ずっと前に、BBEditからEclipseですべてのWebアプリケーション開発を行うことに移行しました。しかし、BBEditのちょっとした機能が欠けている。以前は、タブなどの非表示の文字は表示できましたが、スペースなどの他の非表示の文字は表示できませんでした。Eclipseでこれらすべてを一括でオンにできることはわかっていますが、Eclipseで一部の非表示のものだけを表示する方法があるかどうか疑問に思います。
165 eclipse  tabs  spaces  bbedit 

12
フラグメントを使用してAndroidのタブごとに個別のバックスタック
Androidアプリでナビゲーション用のタブを実装しようとしています。TabActivityとActivityGroupは非推奨であるため、代わりにFragmentsを使用して実装したいと思います。 タブごとに1つのフラグメントを設定し、タブがクリックされたときにフラグメントを切り替える方法を知っています。しかし、どうすれば各タブに個別のバックスタックを設定できますか? たとえば、フラグメントAとBはタブ1の下にあり、フラグメントCとDはタブ2の下にあります。アプリを起動すると、フラグメントAが表示され、タブ1が選択されます。次に、フラグメントAがフラグメントBに置き換えられます。タブ2を選択すると、フラグメントCが表示されます。タブ1を選択すると、フラグメントBが再び表示されます。この時点で、戻るボタンを使用してフラグメントAを表示できるはずです。 また、デバイスを回転させても、各タブの状態が維持されることが重要です。 BRマーティン

4
Bootstrap 3のスタックタブ
私は、Bootstrap 3のタブjqueryプラグインを使用して、左揃えのスタックされたタブを実装しようとしています。この場合、タブは上ではなく、タブコンテンツの左に垂直にレンダリングされます。次のことを試してみると、 <ul class="nav nav-tabs nav-stacked"> <li><a href="#tab1" data-toggle="tab">Tab 1</a></li> <li><a href="#tab2" data-toggle="tab">Tab 2</a></li> <li><a href="#tab3" data-toggle="tab">Tab 3</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade" id="tab1"> Tab 1 content </div> <div class="tab-pane fade" id="tab2"> Tab 2 content </div> <div class="tab-pane fade" id="tab3"> Tab 3 content </div> </div> タブは互いの上に積み重ねられますが、左に回されたときに適切にレンダリングされず、代わりにそれらは互いの上にスタックされた単なる水平タブです。コンテンツのdivでタブのコンテンツが適切に表示/非表示になります。 これは、Bootstrap 2.xでtab-leftおよびtab-rightクラスを使用して処理されていましたが、Bootstrap 3では非推奨であり、実際には何も置き換えられていないようです。Bootstrap …


11
スペースをタブに変換する
私が書いTypeScriptているのはHTMLファイルで、タブがスペースに変換されます。 私のTypeScriptプロジェクトでは、すべてのタブがスペースに変換されます。これをオフにして、スペースではなくタブを使用します。 これは私の設定です: { "editor.insertSpaces": false } 編集1: .htmlファイルでは機能するようですが、ファイルでは.ts機能しません。

5
Xcode 4でタブをすばやく切り替える方法は何ですか
プロジェクトの作業中に多くのタブを開きました。(Xcode 4の新機能)。 しかし、あるタブから別のタブに切り替える場合、これを行うことがわかった唯一の方法は、マウスを使用することです。キーボードショートカットを使用して異なるタブを切り替える方法はありますか?

6
Chrome:タイムアウト/間隔がバックグラウンドタブで中断されましたか?
私はこのテストをsetTimeout使用して精度をテストしていました。今、私は(予想どおり)setTimeoutあまり正確ではないことに気付きましたが、ほとんどのアプライアンスでは劇的に不正確ではありません。Chromeでテストを実行し、バックグラウンドタブで実行した場合(つまり、別のタブに切り替えてそこを参照)、テストに戻り、結果を検査する(テストが終了した場合)と、劇的に変化します。タイムアウトの実行が大幅に遅くなっているようです。FF4またはIE9でテストされたが、これは発生しなかった。 したがって、Chromeはフォーカスのないタブでjavascriptの実行を一時停止または少なくとも遅くするように見えます。件名のネットで多くを見つけることができませんでした。これは、たとえばXHR呼び出しを使用してサーバーで定期的にチェックするなど、バックグラウンドタスクを実行できないことを意味しますsetInterval(私がと同じ動作をするのsetIntervalではないかと思われます。時間があれば、テストを作成します)。 誰かがこれに遭遇しましたか?この一時停止/速度低下の回避策はありますか?それをバグと呼びますか?そのように報告しますか?


4
Vimで2つのタブを比較する
シナリオ:Vimを開いてテキストを貼り付けました。で2つ目のタブを開き、:tabeそこに他のテキストを貼り付けます。 目標:両方のテキストをファイルに書き込み、で開くのと同等の出力が表示される3番目のタブが必要ですvimdiff。 私が見つけることができる最も近いのは、「現在のバッファーをファイルと比較する」ことですが、diff開いているが保存されていない2つのバッファーは使用しません。
121 vim  diff  tabs  vimdiff  buffer 

18
ブートストラップ3:ページの更新時に選択したタブを保持する
Bootstrap 3での更新時に、選択したタブをアクティブにしておこうとしています。試して確認したところ、いくつかの質問はすでにここで尋ねられましたが、私にとっては何の作業もありませんでした。どこが間違っているのかわからない。これが私のコードです HTML <!-- tabs link --> <ul class="nav nav-tabs" id="rowTab"> <li class="active"><a href="#personal-info" data-toggle="tab">Personal Information</a></li> <li><a href="#Employment-info" data-toggle="tab">Employment Information</a></li> <li><a href="#career-path" data-toggle="tab">Career Path</a></li> <li><a href="#warnings" data-toggle="tab">Warning</a></li> </ul> <!-- end: tabs link --> <div class="tab-content"> <div class="tab-pane active" id="personal-info"> tab data here... </div> <div class="tab-pane" id="Employment-info"> tab data here... </div> …

13
コマンドラインから新しいターミナルタブを開く(Mac OS X)
現在開いているタブのコマンドラインからMac OS Xのターミナルで新しいタブを開くことはできますか? ターミナルで新しいタブを開くためのキーボードショートカットが「CMD + t」であることは知っていますが、コマンドラインで実行されるスクリプトベースのソリューションを探しています。
116 macos  tabs  terminal 

10
タブ文字なしで有効なMakefileを作成できますか?
target: dependencies command1 command2 私のシステム(Mac OS X)では、 make Makefileに各行の内容の前にタブ文字があることを要求するようですそうしcommandないと、構文エラーがスローされます。 Makefilesを作成または編集するときは、エディタをすべてのスペースに常時設定するので、これは厄介です。 タブ文字なしで有効なMakefileを作成できますか?

20
jQuery UIタブ-現在選択されているタブインデックスを取得する方法
この特定の質問が以前に尋ねられたことは知っていますがbind()、jQuery UI Tabsプラグインのイベントを使用して結果が得られません。 私はちょうど必要なindexタブをクリックしたときにアクションを実行するために、新たに選択したタブのを。bind()selectイベントにフックすることができますが、現在選択されているタブを取得する通常の方法は機能しません。新しいインデックスではなく、以前に選択したタブインデックスを返します。 var selectedTab = $("#TabList").tabs().data("selected.tabs"); これは、現在選択されているタブを取得するために使用しようとしているコードです。 $("#TabList").bind("tabsselect", function(event, ui) { }); このコードを使用すると、UIオブジェクトが返されundefinedます。ドキュメントから、これは、ui.tabを使用して新しく選択したインデックスにフックするために使用しているオブジェクトである必要があります。私はこれを最初のtabs()呼び出しとそれ自体で試しました。ここで何か悪いことをしていますか?

16
ページの読み込み時にアンカーの「ジャンプ」を無効にする方法は?
これは不可能かもしれないと思うので、できる限り説明していきます。タブ(jqueryを使用)を含むページがあり、以下によって制御されています。 前の質問から別のユーザーによって提供されたように、私はこのコードを使用しています。 <script type="text/javascript"> $(function() { $('html, body').animate({scrollTop:0}); // this is my "fix" var tabContent = $(".tab_content"); var tabs = $("#menu li"); var hash = window.location.hash; tabContent.not(hash).hide(); if(hash=="") { $('#tab1').fadeIn(); } tabs.find('[href=' + hash + ']').parent().addClass('active'); tabs.click(function() { $(this).addClass('active').siblings().removeClass('active'); tabContent.hide(); var activeTab = $(this).find("a").attr("href"); $(activeTab).fadeIn(); return false; }); }); </script> …
110 jquery  tabs  href 


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.