問題タブ [semantic-ui]

関連する質問がいくつかあることは承知していますが、質問をもっと明確にしたかったのです。時間をかけて jsfiddle で問題を複製しました (下部のリンク)。

私はjqueryイベントを持っています:

ドロップダウン メニューはモーダル内にあり、その div がクリックされるまで実際には存在しません。

問題は、モーダルを読み込んでドロップダウン メニューをクリックすると、メニューが起動するまでに 2 回クリックする必要があることです。これは、ページの読み込み時にドロップダウンが利用できないためだと推測しています。最初のクリックで読み込み、2 回目のクリックで起動しますか? よくわかりませんが、助けていただければ幸いです。

jsfiddleを参照してください

easy、normalおよびなどのフィードバック目的で、セマンティック UI モーダルで 2 つ以上のボタンを使用したいと考えていますhard。また、クリックされたボタンに応じてアクションを実行する必要もあります。

承認ボタンと拒否ボタンの使い方を知っています (2 つのボタンに使用できます)。しかし、これらの 3 つのボタンを 3 つの異なるコールバックで処理する方法。

または、これに対する代替ソリューション。

だから、私はヘッダーとフッターを持っています:

そして、JS:

問題は、2 つのサイドバーを同時に表示すると、最初のサイドバーが再調整されることです。私が見たところ、Semantic はマージンを使用して、おそらく何らかの CSS トランジションを使用して、要素を画面上または画面外にプッシュします。フッターをアクティブにすることで、ヘッダーが画面から押し出されているように見えます。ヘッダーを修正しても状況は改善しませんでした。競合することなく同時に 2 つのサイドバーをアクティブにするにはどうすればよいですか?

助言がありますか？

AngularJS でセマンティック UI を使用していますが、セマンティック UI メニューに問題があります。index.html ファイルで、メイン メニューを定義します。

app.js には次のものがあります。

/test/test1 を使用してサイトに移動するとドロップダウン メニューが機能しますが、/login を使用してサイトに移動し、ページをリロード (ctrl+r) するとドロップダウン メニューが機能しません。この問題の原因は何ですか?