Question

我试图在用户点击图片元素后通过ajax提交表单。

HTML

        <img class="remove_subscription" id="remove_mobile_id_<?php echo get_the_ID(); ?>" src="<?php echo get_bloginfo('template_directory') ?>/images/ic_remove_circle_outline_grey600_24dp.png" alt="sms remove icon"/>
          <form class="hidden" id="remove_user_mobile_form_ajax_54" method="POST" action="#">
            <input type="hidden" name="user_id" value="<?php echo get_current_user_id(); ?>" />
            <input type="hidden" name="followed_user_id" value="<?php echo get_the_ID(); ?>" />
            <input type="submit" name="submit" value="LEAVE LIST"/>
          </form>

JS

$(".remove_subscription").click(function(){
    $("#remove_user_mobile_form_ajax_54").submit(function(event){
        alert("test");
    });
});

我无法触发警报或任何提交功能代码。我已经让其他表单工作正常但是当用户点击提交按钮元素时它们会被提交，唯一真正的区别是，当用户点击表单外的图像元素时我现在提交了

Answer 1

您没有提交表单，只是注册了提交事件处理程序。

如果您想提交表单，只需调用不带任何参数的submit方法。

$(".remove_subscription").click(function(){
    $("#remove_user_mobile_form_ajax_54").submit();
});

Answer 2

$("#remove_user_mobile_form_ajax_54").submit(function(){
    alert("test");
});

$(".remove_subscription").click(function(){
    $("#remove_user_mobile_form_ajax_54").submit();
});

嵌套的jquery提交函数没有触发

2 个答案: