event.preventDefault() 不适用于在 Wordpress 上提交

Question

我在写wordpress插件。
我有某种形式的 jQuery 脚本，我需要为此使用 event.preventDefault(); （在短代码中）。但是 event.preventDefault(); 不适用于提交按钮，但它可以工作，例如 link。

谁能帮忙。提前致谢。

简码：

echo '<a href="#" class="test" id="test_1">Some text</a>';
echo '<a href="#" class="test" id="test_2">Some text</a>';
echo '<a href="#" class="test" id="test_3">Some text</a>';  

echo '<form action=" " class="answerform" method="POST" >';

echo '<input  id=' . $answerid .' class=".submitform" type="submit"  value=' . $answer->answer . '>';
                    echo '</form>';

脚本：

jQuery(function($){ 
$(document).ready(function() {
    $( ".submitform" ).click(function( event ) {
      event.preventDefault();
    });

    $( ".test" ).click(function( event ) {
      event.preventDefault();
    });
});

});

Answer 1

您在提交输入元素 class 前添加了 .（即 - class=".submitform"，而它应该是 class="submitform"）

应该是，简单地说：

echo '<input  id=' . $answerid .' class="submitform" type="submit"  value=' . $answer->answer . '>';
echo '</form>';

目前，您的脚本正在寻找 class 为 submitform 的元素，该元素不存在（您的输入元素的 class 当前为 .submitform).

event.preventDefault() 不适用于在 Wordpress 上提交

event.preventDefault() not working for submit on Wordpress

wordpress

jquery

submit

shortcode

preventdefault