[Resolved] jQuery in Toolset View

[Author]

Posts

[fahimS-2]

Tell us what you are trying to do?
In the Toolset=>Edit View, I can see that there is option to add JavaScript code. Can I use jQuery there?

Is there any documentation that you are following?

Is there a similar example that we can see?

What is the link to your site?

[Nigel]

Hi there

Yes, you can use jQuery, but you if you try to use it directly you will likely experience an error because it won't be available yet at the time the View is added to the page and your code is parsed.

You need to use vanilla JavaScript to wait for the document loaded event before setting up jQuery for use, which you can do as in this example:

document.addEventListener("DOMContentLoaded", function () {
    (function ($) {

        //jQuery here
        $('body').css("border", "5px solid purple");

    })(jQuery);
});

[fahimS-2]

Hi, thanks for your reply.

Can I use Jquery with 3rd party plugins which let me add custom javascript code?

And can I remove the '$('body').css("border", "5px solid purple");' line from the above code?

[Minesh]

Hello. Thank you for contacting the Toolset support.

Yes, you can. But you should make sure that you should add your custom Javascript/jQuery code with meaningful related events.

Yes, you can remove that line of code that is shared by Nigel.

[fahimS-2]

My issue is resolved now. Thank you!