嵌套的jquery提交函数未启动

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();
});