Добавить скрипт при нажатии

Question

У меня одновременно работают два скрипта. 1 - это jqueryUI, а другой - touchpunch. У меня есть табличка, сделанная на холсте, где пользователи могут поставить цифровую подпись. Проблема возникает на мобильном телефоне. Подпись можно перетаскивать, как в контракте. но на мобильных телефонах перетаскивание не работает. Итак, я использовал touchpunch, он заставляет перетаскивание работать на мобильном телефоне, но в то же время отключается нажатие на поле подписи. Щелкнув поле со знаком, вы откроете модальное окно, в котором вы можете подписать. Если я поставлю Touchpunch внизу, перетаскивание сработает, и открытие ящика остановится. Если я помещаю jqueryUI внизу, сенсорный экран работает, а перетаскиваемый - нет. Я пытаюсь найти способ поставить только jqueryUI. и когда пользователь щелкает поле и открывается окно со знаком, в конце добавляется сенсорный удар. Итак, после подписания TouchPunch начинает работать, и знак становится перетаскиваемым.На данный момент я сделал следующее:

        alert("appending");

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

        alert("done appending");

    }

Когда я проверяю, я действительно вижу, что после открытия окна скрипт добавляется, но ящик по-прежнему не становится перетаскиваемым. Общий вопрос в том, как я могу добавить один скрипт onclick и заставить его работать. Или, если у вас есть другие предложения, дайте мне знать.