Question

<div class="content todo-card">

</div>

对于上面的div项目，我动态添加div项目。我想在单击span项目时如何实现我可以实现的事件？

<div class="todo-task">
              <input type="checkbox" id="checkbox1" checked="yes" />
              <label for="checkbox1">Hello every one <span class="todo-remove mdi-action-delete"></span>
              </label>
            </div>

我尝试了以下代码，但它没有效果。

$(document).on('click', '.todo-remove', function () {
             alert('deleleeeeeeeeeeeeeeeeee');

        });

Answer 1

这是因为当您的代码尝试添加onclick事件时，您的span元素“todo-remove”尚不存在。您需要在页面加载后添加对运行的引用，如下所示：

class AddMovementForm(forms.ModelForm):

    class Meta:
        model = OrderMovements
        fields = ['status']

    def clean_status(self):
        status = self.cleaned_data.get('status')
        return status

单击动态添加的span项目时不会引发事件

1 个答案: