How to load jQuery inside a Blazor web app?

Question

How to load jQuery inside a Blazor web app?

https://blazorfiddle.com/s/5m3lsxtm

Answer 1

JQuery library does load, the issue is that document.ready is called before the blazor component is rendered to the page you can see the error in the console indicating $ is not defined, I would suggest that you would change the function to a named function (js function on page) and call in with JsRuntime.InvokeVoidAsync while overriding the function OnAfterRender of the blazor component.

Hope that make any sense