ドロップダウンの機能は正常に動作しています。ただし、ドロップダウンしたアイテムの配置に問題があります。ドロップダウンされたアイテムを配置しましたが、これを大きな画面で表示すると、アイテムはまだ小さな画面にあるかのように配置されました。
ドロップダウンは jsFiddle で正常に動作しますが、HTML セクションの「テスト」のコメントを外して再試行すると、私の問題が何であるかがわかります。ドロップダウンアイテムの親アイテムが左右に移動すると、ドロップダウンアイテムは追従しません!
ご覧のとおりleft:..
、ドロップダウンしたアイテムを配置するために使用していたので、これが問題である可能性があり、正しく配置する方法がわかりません!