Hi, In Admin > Customize > Themes > in the header section I add the following but it returns Uncaught ReferenceError: $ is not defined <script> $(document).ready(function() { $('.topic-list .topic-excerpt[href="/t/urltobechanged/8"]').attr('href', "/t/newurltoset/17 "); }); </script> If I add th…

Use native javascript, not jQuery. (But even then be aware Discourse is a SPA PWA so you may have race conditions occuring if you are relying on certain elements having been rendered - and the solution to that is to use Ember Components rendered in specific plugin outlets in combination with modifi…

Thanks but if this javascript this works fine when used in the developer console document.querySelector('.topic-list .topic-excerpt[href="/t/urltobechanged/8"]').setAttribute('href', "/t/newurltoset/17"); Somehow when it is loaded from the discourse header, it is returned as “Uncaught TypeError: d…

Since Discourse is an SPA, relying on the document “DOMContentLoaded” won’t be very helpful, since the document DOM is always “loaded” but the elements can be missing. Instead you’ll want to use Components as @merefield mentioned, or something like this: How do you force a script to refire on every …

Allright, I understand now, coming from wordpress/joomla developement, you think adding js to the header would work in the same way. Your link provides indeed a solution, note that now the <script type='text/discourse-plugin> headers are deprecated Modernizing inline script tags for templates & JS…

Javascriptをテーマヘッダーに追加すると「$ is not defined」が返される

開発

merefield (Robert) 2025 年 6 月 23 日午後 5:40 2

jQueryではなく、ネイティブJavaScriptを使用してください。

トピック		返信	表示
Custom javascript gets only applied after refresh, creating categories for location plugin Development	9	105	2025 年 8 月 13 日
How to add Javascript to Footer Of Posts? Support	3	901	2021 年 10 月 10 日
A better way to implement custom jQuery code? Development	3	536	2021 年 2 月 18 日
Executing js after DOM loaded Support	6	3682	2018 年 11 月 30 日
How do you force a script to refire on every page load in Discourse? Development	38	21127	2020 年 3 月 12 日

Javascriptをテーマヘッダーに追加すると「$ is not defined」が返される

関連トピック