2017-01-11 3 views
0
uncollapse

後に崩壊していませんメニュー項目を取得するには、正常に動作します(ほとんどのオプションがなくても正しく表示され、非表示になります)。しかし、それをサーバーで実行し、F12でクロムとIEでデバッグすると、メニューを表示した後、再度折りたたむことはできません。ブートストラップ+角度動的メニューは、私は、私はAngularJSで呼び出すアイテム折りたたみ可能なメニューを表示するには、次のコードしようとしていている

ボタンをクリックしてメニューを再び非表示にすると、Chrome開発者ツールによって変更されたことが示されます(最初の画像を参照)。しかし、瞬時に元に戻ります(2番目の画像を参照)。メニューを再び非表示にすることはできません。

The moment when a click is made to the button to hide the menu

After an instant goes back automatically

任意のアイデアや提案?

ありがとうございます!

答えて

0

解決済み。 ビューにHTML(HTMLタグとbodyタグ)が挿入されています。私はdivセクションからのみ挿入するHTMLを持っている必要があります。 Chromeではうまく機能していたが、私はそれを処理できませんでした。

ありがとう

0

あなたが私たちに与えたコードはうまく動作するので、依存関係を読み込む際にいくつか問題があると思います。あなたは、チェックアウトすることができ、このCodePen

あなたはこのように、順番にそれらをロードする必要がある角度で、単純なブートストラップをミックスしようとしている場合:

  1. BootsrapのCSS
  2. jQueryのjsの
  3. ブートストラップJS
  4. 角度JS
<head> 
    ... 
    <link rel="stylesheet prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"> 
    ... 
</head> 
関連する問題