あるコードを別のコードに複製するのに問題があります。コードの目的は、カスケードドロップダウンを含む任意のリンクにポップオーバーを追加することです。私のコードはよくコメントされていて、document.ready内では、どこにポップオーバーにコンテンツを追加するのか、再帰関数を呼び出すことでsubMenusを追加することができます。jsをリファクタリングしてdiv内のコンテンツをプログラムで追加する
このコードの作業バージョンは、このlinkであり、それは、HTML内のこのタイプの構造に大きく依存します:、私はそれだけに依存することになるように私のコードをリファクタリングしたいが、
<div id="popover-markup"> <a href="#" class="trigger">Popover link</a>
<!-- contents of popover -->
<div class="content hide">
</div>
</div>
:
this linkで<div id="popover-markup"> <a href="#" class="trigger">Popover link</a>
</div>
、私はそれを行うことを試みたが、私の再帰関数は、もはやそれは空のサブメニューで、その結果、二番目のパラメータです認識して問題に遭遇しました。そして、ベースを返すに終わる
var base = $(`<div class="content hide">`);
:私の主な変更点はdocument.readyの中、私はもはや静的「.content」にそれに追加していないということです。私がサブメニューを修正するために何ができるか、これについてもっと良い方法があるかどうか教えてください。
ありがとうございます。
1)なぜあなたは好奇心のためにリファクタリングしていますか?現在のコードがあなたの期待を満たしていない地域はどこですか? 2)メニューには動的にデータが入力されていますか?または、テキストをHTMLに入れて、うまくいくことができますか? – amflare
1)コンテンツdivなしで動作させることが可能かどうかを確認したいと思います。現在、ポップオーバー内のリンクの1つをクリックしようとすると、すべてのサブメニューが元のように機能しませんリンク。 2)動的に取り込まれる – asdasda