按钮动作不会单击而是双击

Question

美好的一天。我正在使用JQUERY Mobile并开发动态选择列表视图。单击'getGrouping'按钮进行追加时，单击即可。单击时单击'getDel'按钮，它将不会删除，直到我再次执行此操作。有没有人遇到过这个？我忘了刷新东西吗？它每次只需单击即可在单击时执行该功能。

如何在不双击的情况下执行单击功能，以消除选择的最后一个子项？任何帮助都非常感谢。

$(document).on('click','#getGrouping',      function(){  // Add list
    var listCreated = false;
     ch = ch + 1;
    $("#listMain").append("<li><li id = 'numLi-" +  ch + "' data-role='collapsible' data-iconpos='right' data-shadow='false' data-corners='false'><h2>Build Tag Group</h2>"
     + " <div class='ui-bar ui-bar-a' style='height: 680px; overflow-y: auto; overflow-x: hidden;'>"
     + " <div class='ui-grid-b'><div class='ui-block-a'></div><div class='ui-block-b'><h1 id='listTitle'></h1></div>"
     + " <div class='ui-block-c'><button id = 'refreshTag'>Refresh</button></div></div></li>");
    listCreated = true;
    $("#listMain").trigger("create");
    $("#listMain ul").listview("refresh");  
    glob = $("#listMain li").children().size() + 1; 
    alert(glob);

});
$(document).on('click','#getDel',      function(){   // delete last row of list
    glob = $("#listMain li").children().size() -1 ; 
    $("#listMain li").last().remove();          
    $("#listMain ul").listview("refresh");  
    $("#getDel").button("refresh");

});