2024年6月25日火曜日

Django: django-debug-toolbarのパネルが表示されない

django-debug-toolbarを設定したところ右サイドバーは表示されたが、右サイドバー項目をクリックしたときメインの画面が表示されず困りました。

Django管理画面では動作するのですが、公開ページでは動作しい現象。


調べたところ、公開ページでページ内スクロールするJavaScriptコードがdjango-debug-toolbarとかぶっていたのが原因でした。

$('a[href^="#"]').click(function () { //・・・ }


一例ですが、以下のように公開ページのイベントの動作範囲を制限して表示できるようになりました。

$('.anker a[href^="#"]').click(function ()  { //・・・ }


参考:django-debug-toolbarが動かない - エンジニアもどきの技術メモ
https://chantsune.github.io/articles/122/