0

我有一个 div 元素，我希望当我点击它时我提交一个隐藏的表单。

div 代码

<div class="a15 training-exercise">
    some text
    <form accept-charset="UTF-8" action="/trainings/1/training_exercises/5" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"></div>  
        <input id="training_exercise_done" name="training_exercise[done]" type="text" value="false">
        <input name="commit" type="submit" value="subit">
    </form>
</div>

咖啡稿

$ ->
    $('.training-exercise').click ->
        if $(this).hasClass('done')
            $(this).removeClass('done')
            $(this).find('input:text').val(false)
            $(this).closest("form").submit()
        else
            $(this).addClass('done')
            $(this).find('input:text').val(true)
            $(this).closest('form').submit()

对应的JS代码

$(function() {
  return $('.training-exercise').click(function() {
    if ($(this).hasClass('done')) {
      $(this).removeClass('done');
      $(this).find('input:text').val(false);
      return $(this).closest("form").submit;
    } else {
      $(this).addClass('done');
      $(this).find('input:text').val(true);
      return $(this).closest('form').submit;
    }
  });
});

我没有为真假设置复选框，因为f.checkbox给了我一些奇怪的结果

这里的问题是：

1）除了表单提交外，一切都在发生

2）表格有visibility: hidden;并且它被隐藏了，但是表格所在的地方是空白的，我希望它看起来像那里什么都没有

4

2 回答 2

2

对于第一个问题，尝试

$(function() {
  $('.training-exercise').click(function() {
      var element = $(this);
         if (element.hasClass('done')) {
         element.removeClass('done');
         element.find('input:text').val(false);
         element.closest('form').submit(); //<-- brackets here.
      } else {
         element.addClass('done');
         element.find('input:text').val(true);
         element.closest('form').submit();
      }
   });
});

对于第二个问题，使用display:none;而不是visibility:hidden.

于 2013-08-23T12:45:59.597 回答
0

似乎表单选择不起作用（尽管当我从控制台尝试时它起作用）

有效的解决方案是：

$(this).find('input:submit').submit()
于 2013-08-23T15:08:15.403 回答