jQuery插件设置相对于插件位置的图像src

Question

我在创建使用插件本身图像的jQuery插件时遇到了麻烦。

假设我具有以下结构

• foobar
  • 资产
    • 图片
      • fooBar.png
  • js
    • foo_bar.js

---

然后我创建了一个像这样的插件。

(function ($) {
  $.fn.fooBar = function () {
    let image_foo = '<img id="leFoo" style="display: none" src="../assets/images/fooBar.png"/>';
    $('body').append(image_foo);
  }
});

该插件已正确添加到站点，我可以这样调用函数：jQuery('body').fooBar();。问题在于它正在尝试从当前路径获取图像。因此，如果我在https://example.com/some/long/path/here.html 然后它将尝试像这样https://example.com/some/long/path/assets/images/fooBar.png

来获取图像

尽管实际位置可能会有所不同，具体取决于放置库的位置。有没有办法从库位置动态获取路径？