Where cleanly use jQuery outside a component?


I am currently building an addon for using ChardinJs with ember apps.
However, ChardinJs is a jQuery module.

So, my idea is to create components to scope areas for Chardin hints.

      hint="The famous ChardinJs button launcher."
    <button {{ action "toggleChardin" }}>Show hints</button>

But… to toggle the Chardin overlay we need jQuery call.


And I want to make Chardin callable from a controller or a service.

  • Should I use a service as adapter to jquery call or an utility class ?
  • Could I really use jquery outside a component ?

Thanks for advance.

I don’t know if this is the right way. But I made this today : Swizz/ember-chardin