jquery在动态元素上单击无法在移动设备上工作的事件（单击touchstart）

Question

我创建了一个基本的聊天机器人，需要用户能够通过按钮推送与应用程序进行交互。在每个转弯＆＃39; （当用户响应时）我追加看起来像这样的控件：

附加控件

$("#controls").append(
                  '<button class="options one" value="certifications" id="certifications" type="button">My Certifications</button>' +
                  '<button class="options one" value="videos" id="video" type="button">My Videos</button>' +
                  '<button class="options one" value="login" id="login" type="button">My Account</button>'  
            );

从这里开始，我有一个函数，它接受点击按钮的值/ id并选择机器人响应的内容，如下所示：

将用户的价值推送到聊天窗口，以相关值回复

// Pushes user's selected values as text chats
$("#controls").on("click touchstart", ".options", function() {
    // Remove buttons on click
    $("#controls button.options").remove();
    var b_val = $(this).val();

    var newMsg = text;

    var prevState = $("#conversation").html();
    if (prevState.length > 3) {
        prevState = prevState;
    }

什么可能导致此点击不起作用？我在点击时使用了委托，因为它是一个动态元素，但这似乎无法解决任何问题。

谢谢你看看！