Javascript 有条件地加载.js文件。怎样

第一个演示是一个.js文件，其中加载了：

js为图像添加了一个很好的缩放功能。

第二个演示正在尝试用head.js加载相同的.js文件。它不起作用。

---

关于为什么这不起作用有什么建议吗？

如果您查看您的开发工具，您会发现缩放实际上是在加载

您的问题是在加载文档html后加载缩放，因此您需要告诉缩放重新解析

我个人不使用缩放，但请尝试->

head.load('https://cdnjs.cloudflare.com/ajax/libs/zooming/1.4.2/zooming.js', function () {
  new Zooming();
});

---

我建议你仔细看看

您可以自己初始化图像的缩放，如下所示：

head.ready(document, function() {
    head.load('https://cdnjs.cloudflare.com/ajax/libs/zooming/1.4.2/zooming.js', function() {
         var zooming = new Zooming();
         zooming.listen('.my-img');
    });
});

并将您的html更改为：

<img 
    class="my-img"
    style='max-width: 100%;'
    draggable="false" ondragstart="return false;"
    src="https://image.ibb.co/bxRTKn/trees_crop.jpg"
    data-original="https://preview.ibb.co/eRYm5S/trees.jpg"
    alt="test"
/>

---

谢谢。这真是一种享受！我对web开发非常陌生，有些事情有点难以理解。这里是最终结果的链接。该代码仅在较大屏幕上加载缩放功能：