jQuery load（）表单

Question

我的代码有问题。 我正在使用Jquery load（）来调用页面form中的div。在页面末尾，我有Jquery这样的代码，例如日期选择器和其他代码。 问题是我页面末尾的所有jquery代码都不适用于名为

的表单

$(document).on('click', '.addtask', function() {
  var id = $(this).parent().parent().attr('class');

  $("." + id).load(Routing.generate('task_new', {
    id: id
  }));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

在您的jquery代码之前调用jquery.min.js。 这样。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


$(document).on('click', '.addtask', function() {
   var id = $(this).parent().parent().attr('class');

   $("." + id).load(Routing.generate('task_new', {
     id: id
   }));
});

Answer 2

不要忘记，对于动态创建的元素，此语法将不起作用：

$('form').submit(function(){ alert('hi'); });

您应使用以下语法：

$(window).on('submit', 'form', function() { alert('hi'); });