Question

当我将项目拖到列表时，除了提交之外，执行以下jQuery。

jQuery的：

...
$( "#group ul" ).droppable({
    activeClass: "ui-state-default",
    hoverClass: "ui-state-hover",
    accept: ":not(.ui-sortable-helper)",
    drop: function( event, ui ) {
        // ****** THIS WORKS
        $( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
        // ****** THIS IS NOT EXECUTING
        $(this).parents('form: first').submit();
        return false;
    }
...

每个小组都有一个表格。第一个表单id是0，第二个表单id是1，依此类推（源视图）：

<div id="team">
   <form accept-charset="UTF-8" action="/items/create_from_drop" data-remote="true" html="{:id=&gt;0}" method="post">
      ...
      <input id="group_id" name="group_id" type="hidden" value="3" />
      <ul>
          ... item list
      </ul>
   </form>

   <form accept-charset="UTF-8" action="/items/create_from_drop" data-remote="true" html="{:id=&gt;1}" method="post">
      ...
      <input id="group_id" name="group_id" type="hidden" value="5" />
      <ul>
          ... item list
      </ul>
   </form>
</div>

有两个问题：

首先，当发生掉线时，我希望我可以触发同一事件的表单提交。这种情况没有发生。
我提交'form：first'。如何更改选择器以基于id？

感谢您的帮助。

Answer 1

尝试使用最近的（）代替父母，这应该只给你一个元素。除此之外，检查表单上是否有任何onSubmit事件，如果这个处理程序没有问题。

刚刚意识到了......

at $（“＃group ul”）。droppable ...

哪里是id组的元素？

如何将表单提交添加到jquery droppable脚本？

1 个答案: