Using jQuery in widgets

[phenomlab]

Hi. Seems widgets do not execute jQuery unless the script path is included - which in turn interferes with that already loaded.

Is there a "correct" way to call jQuery other than $ or jQuery ?

Thanks

[baris]

Did you try it like this https://github.com/NodeBB/nodebb-widget-essentials/blob/master/public/templates/widgets/activeusers.tpl#L39-L43?

[phenomlab]

@baris not yet, but will do. I always thought that jQuery was part of NodeBB?

[phenomlab]

@baris I should clarify here. I'm using a standard html widget and am attempting to execute jQuery within <script> tags

[baris]

jquery is part of nodebb.min.js but it starts loading at the footer of the page and the html widget comes before that so if you try to use jquery before it's loaded it won't work. The DOMContentLoaded event handles that.

[phenomlab]

@baris thanks

[julian]

@phenomlab use vanilla js

[phenomlab]

@julian here's the thing. If I access the post via the homepage, then the jquery code fires without issue as the library is already loaded.

However, if I load the URL directly, the jquery fails as the library isn't loaded in time. If using a vanilla js will fire if the page is accessed directly then I'm happy to do that.

[julian]

Ah my advocating vanilla js was mostly tongue in cheek, but if you do use it, it will work fine.

Remember, vanilla js is the most lightweight framework available anywhere

[phenomlab]

@julian yep, I know. It's a good idea though

[phenomlab]

@baris @julian found a much simpler way to do this

<script>
if (!window.jQuery) {
    window.addEventListener('load', function() {
        $(document).ready(function() {
            $("#resolved").appendTo('[data-index="1"]:first-of-type');
        })
    })
} else {
    $(document).ready(function() {
        $("#resolved").appendTo('[data-index="1"]:first-of-type');
    })
}
</script>