Ztreeコンポーネントは、プロジェクトの実行中にツリー構造を維持するために使用されました。問題が発生すること
は予期していませんでした。Ztreeコンポーネントの右クリックメニューが正しく表示されず、位置が常に正しくありませんでした。
これは単に統合されただけです。フロントエンドページがないときに完全に統合されました。使いやすい！
要素を右クリックすると、ポップアップメニューが常に右下に表示されます。
後で、赤い矢印の領域の幅と高さが青い距離の差とほぼ同じであることがわかりました。
つまり、上下の境界線に問題があるだけです。
以前はフロントエンドのテンプレートがなかったので、レイアウトの配置に問題があるのではないかと思います。
ztreeによって取得されるクリック位置は、絶対位置（画面の端によって計算される）であり、表示メニューは親DIVを使用して計算されます。テンプレートを追加した後、親DIVはWebページの端から開始しないため、表示位置偏差が発生します！
この場合、親DIVをページの端から始まる絶対位置に変更するだけです。
style="position: fixed"
参加後はすべて正常です！
実際、これは位置決めの問題が原因のエラーなので、DIVを最外層に直接配置することが実際に可能です（最初と同じ）。
ただし、テンプレートエンジンの継承は通常、プロジェクトの開発で使用されるため、親ページが変更されない限り、トップレベルのボディに配置することは困難です。親ページが変更された場合、これはZtreeを使用しない他のページの別のガベージコードであり、利益は損失に値しません。
直接参加してください！