Closed. This question needs debugging details 。它目前不接受答案。












想改善这个问题吗?更新问题,使其成为 Stack Overflow 的 on-topic

12 个月前关闭。



Improve this question




我无法让 lightbox 2 在 Angular 2 中工作。我按照文档中的描述进行设置,但我总是收到错误“Uncaught TypeError: this.$lightbox.css(...).fadeIn is not a function” .我找不到任何使此工作的示例代码。

最佳答案

如果您使用的是 Angular CLI,请像导入任何其他外部/jQuery 库一样进行操作。

所以:

  • npm install --save lightbox2
  • 向 angular-cli.json 添加样式:
    "styles": [ "styles.css", "../node_modules/lightbox2/dist/css/lightbox.min.css"],
  • 将脚本添加到 angular-cli.json
    "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/lightbox2/dist/js/lightbox.min.js" ],
  • 将图像添加到您的模板中,例如(与语义 ui 一起使用)
    <a href="/assets/img/flag.png" data-lightbox="image" data-title="My caption"> <img class="ui bordered small image" src="/assets/img/flag.png"></a>
  • 关于angular - 让灯箱 2 在 Angular 2 中工作?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42119842/

    10-15 00:00