問題タブ [nav-pills]

いくつかの PHP 条件が満たされたときに、タブがアクティブになるようにトリガーしたいと考えています。

これは私が使用しているブートストラップ コードです。これはナビゲーション ピルであり、切り替え可能/動的です。

デフォルトでは、[ホーム] タブがアクティブになっています。$_SESSION['variable1']ページが読み込まれる前に、グローバル変数 ieが設定されているかどうかを確認したいと思います。設定されていない場合は、menu2 をアクティブに設定する必要があります。

コードの先頭で、これを実行しようとしましたが、うまくいきませんでした

しかし、要素を調べて、上記の JavaScript コードをコンソールに貼り付けると、うまくいきます! ただし、コードで実行できないようです。ホームタブはアクティブなままです。

ブートストラップ ナビゲーション ピルがモバイル ビューで占有するスペースを少なくしようとしています。デフォルトでは、互いに重なり合っています。これは、多くのスペースをすばやく使用します。私が達成しようとしているのは、1 行に 2 つの錠剤を取得することです。これまでのところ、アクティブなクラスを除いてすべてが機能しています。ピルをクリックするとアクティブになりますが、アクティブなクラスが以前のアクティブなピルから離れることはありません。

私が使用しているhtmlは次のとおりです。

>スタイリングが確実に機能するように、ピルに関連する CSS からを削除する必要がありました。li が ul の直後にないためです。それはすべて良いことです。

私が考えることができる私の唯一の問題は、アクティブなトグルが機能するときに、おそらく<div class="row">...</div>と<div class="col-xs-6">...</div>がbootstrap.jsファイルで邪魔になっていることです。

しかし..おそらくおわかりのように、私はJavaScriptの専門家ではないので、これが可能かどうかを判断するために助けが必要です.

ありがとう

ロブ

だから私はこのようなデザインを持っています:

そして私のhtml：

そして私のCSS：

質問：

アクティブなときliに最後まで背景色を持つラストを作成する方法は?navpills

まず第一に、私はオンラインでそれについて多くのことを読み、適切に実装できないことがわかったすべてのソリューション、いくつかの問題を修復したが、他の問題を作成したことを言いたかった. もう1つのことは、評判が低い（noob）ため、他の投稿にコメントできないことです。それができれば、新しい質問を投稿することはありません。

Web サイトの各部分に異なるページを持つナビゲーション バーを備えた Web サイトを作成しています: Home.html、AboutUs.html...

ナビゲーションバーを実装しましたが、ナビゲーションバーの同じコードを各ページに貼り付けるのは良い解決策ではないと思うので、最適化する方法を探しました。

今のところ、別のサイト (Navbar.html) を作成し、それを他のページに追加したところ、見栄えがよくなりました。

そして体内：

「アクティブな」クラスを自動化しようとしたときに問題が発生しました。そのために、 data-toggle='tab' と data-toggle='pill' の両方を試しましたが、どちらの場合もアクティブは変更されましたが、ボタンをクリックしても Web サイトは変更されませんでした。コードがあります：

また、.js ファイルを使用してリダイレクトしようとしました。

それは完全に機能し、ボタンをクリックするとページが変更されましたが、下にスクロールすると、変更中のページの下に常に開いた最初のページがあることがわかりました。（これを説明するのは難しいです、あなたが理解してくれることを願っています）

また、オンラインで見つけた多くの機能を追加しようとしましたが、それらが機能しているかどうかはよくわかりませんでした。それらを正しく、または間違った場所に実装していないと思います。私はhtmlの初心者です。関数を呼び出す方法がよくわかりません:S 例:

とにかく私はそれを行うことができますか、または各ページの「アクティブな」クラスを自動化する別の方法はありますか?

お時間をいただきありがとうございます

PHP を使用して URL に変数が設定されている場合、ブートストラップ ピルを切り替えることはできますか? 例

私は、Web アプリにng-showを使用して開発したホーム画面を含む 6 つのタブがあり、各タブにng-click="setTab(1)"があるプロジェクトに取り組んでいます。

これらのタブの 1 つに、他に 4 つのタブがあります。Bootstrap Tabs と Pillsを使用してみましたが、うまくいきませんでした。

AngularJS でネストされたタブを実装するのを手伝ってくれる人はいますか?

ブートストラップ 3 に問題があります。

ドキュメントには、「タブペインフェード」クラスを使用して、タブ間のトランジションをフェードすると書かれています。だから私のコードは次のようになります：

そして、フェードトランジションはうまく機能しています。しかし、問題は、そのサイズに応じてコンテンツが目立つジャンプ効果になることです。

ブートストラップには、アコーディオンコンテンツの展開/折りたたみアニメーションのためにアコーディオンで使用されているクラス「折りたたみ」があることを知っています。

問題は、タブのコンテンツ間のフェードトランジションを保存し、そのタブを切り替えるときにタブのコンテンツを展開および折りたたむことです。

現在の認識は protasov.by/service にあります このページには 4 つのナビゲーション ピルがあり、切り替えの間にフェード インとフェード アウトします. これらのタブには内部にテーブルがあります. 私の考えは、タブのコンテンツをサイズ間で折りたたむ/展開するアニメーションを作成してからフェードイン表示することです.引き伸ばされたコンテンツ。

そのタブに「折りたたむ」表示/非表示動作を追加するにはどうすればよいですか?

前もって感謝します！