javascript - 单击时添加脚本

Question

我有两个脚本同时运行。1个是jqueryUI，另一个是touchpunch。我有一个用画布制作的signbox，用户可以在其中进行数字签名。问题出现在手机上。签名是可拖动的，因为它们在合同上。但在手机上可拖动不起作用。所以我使用了touchpunch，它可以在移动设备上进行拖动，但同时点击签名框会关闭。单击符号框打开一个模态框，您可以在其中签名。如果我把 touchpunch 放在底部，可拖动的作品和盒子打开停止。如果我将 jqueryUI 放在底部，则触摸有效，但可拖动则无效。我试图找到一种只放置 jqueryUI 的方法。当用户单击该框并打开标志框时，最后会添加 touchpunch。因此，在签署 touchpunch 后开始工作并且标志变得可拖动。

        alert("appending");

        var x = document.createElement('script');
        x.src = '{{ asset("js/touchpunch.js") }}';
        document.getElementsByTagName("body")[0].appendChild(x);

        alert("done appending");

    }

当我检查时，我确实看到打开盒子后，脚本确实被添加了，但盒子仍然不能拖动。总体问题是，如何在单击时添加一个脚本并使其工作。或者如果您有任何其他建议，请告诉我。

标签： javascriptjqueryjquery-ui-touch-punchtouch-punch