Php jquery函数在添加div后停止工作

我有一些问题。我需要让下面的工作。我对jquery/php非常陌生，但我有一个拖放操作，它会拖到可排序列表中。但是，下面的方法不起作用。。 前面的“小组”称为“小组”。 电话在下面

echo "<p><input type=\"submit\" class=\"input-button\" id=\"btn-add\" value=\"Add Squad\" /></p>";

echo“
”；

然后我将函数写为：

$(function(){
        var count = 2;  
        $('#btn-add').click(function(){
            if(count == 5){
               $('.groupA').append('<div class="groupB"><div class="column left" style="color: darkorange;"><input  type="text" name="S' +count+ '" value="Squad ' +count+ '" style="text-align: center; width:151;"></center><ul class="sortable-list"></ul></div>');

               if(count > 11){
                  $('#btn-add').hide();
               } 
            } else if(count == 9){
                $('.groupB').append('<div class="groupC"><div class="column left" style="color: darkorange;"><input  type="text" name="S' +count+ '" value="Squad ' +count+ '" style="text-align: center; width:151;"></center><ul class="sortable-list"></ul></div>');
            }else {
               if(count > 11){
                  $('#btn-add').hide();
               } 
                if (count > 9)
                    $('.groupC').append('<div class="column left" style="color: darkorange;"><input  type="text" name="S' +count+ '" value="Squad ' +count+ '" style="text-align: center; width:151;"></center><ul class="sortable-list"></ul></div>');
                else if (count > 4)
                    $('.groupB').append('<div class="column left" style="color: darkorange;"><input  type="text" name="S' +count+ '" value="Squad ' +count+ '" style="text-align: center; width:151;"></center><ul class="sortable-list"></ul></div>');
                else 
                    $('.groupA').append('<div class="column left" style="color: darkorange;"><input  type="text" name="S' +count+ '" value="Squad ' +count+ '" style="text-align: center; width:151;"></center><ul class="sortable-list"></ul></div>');
            }
            count++;
        });
    });

$（函数（）{
var计数=2；
$（'#btn add'）。单击（函数（）{
如果（计数=5）{
$（'.groupA'）.append（'
）；
如果（计数>11）{
$（'#btn add'）.hide（）；
} 
}否则如果（计数=9）{
$（'.groupB'）.append（'
）；
}否则{
如果（计数>11）{
$（'#btn add'）.hide（）；
} 
如果（计数>9）
$（'.groupC'）.append（'
）；
否则，如果（计数>4）
$（'.groupB'）.append（'
）；
其他的
$（'.groupA'）.append（'
）；
}
计数++；
});
});

现在我已经编辑了这篇文章，因为Felix修复了我的第一期，但是现在我已经修复了div，我所有的拖放都不再工作了。我已经通过php手动输入了一个，拖放操作可以实现，但是使用add按钮创建的那个不能工作。我错过了什么

非常感谢您的帮助。

请尝试在此处使用：

$(function(){
    var count = 1;  
    $('body').on('click','#btn-add', function() {
        // Your code here
    });
});

---

您还需要使用

$（'.groups'）

而不是

$（'groups'）

我没有找到解决jquery拖放不起作用的方法。但是，在添加DIV之后。我发现，如果我添加了所有div并将其全部隐藏，然后使用jquery按钮将其取消隐藏。这确实有效，并且没有更多的bug/问题。我希望这能帮助其他人寻找同样的答案。

Felix，原来我所有的问题都是$（'.groups'）谢谢。但它带来了一个新问题，即拖放功能不再起作用。