当点击指向表格的链接时，表格不会弹出

我正在创建一个表单，当用户单击配置文件链接时，该表单必须弹出。我尝试过使用javascript和各种方法来实现这一点，但我无法让表单显示出来。页面刚刚跳转。我试着在同一页上做这件事。现在，我尝试用jquery显示它。我已经将css和js放在自定义css和js插件中，所以它应该可以工作。代码如下：

<!-- wp:image {"id":665,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="http://webyardcraft2.local/wp-content/uploads/2022/02/me-3.png" alt="" class="wp-image-665"/><figcaption><a id="mylink" href="/webyardcraft2.local/freelancers" class="show_form" onclick="MyFunction();return false;">Ask John a question</a>
<!-- /wp:image -->


<div id="form_wrapper">
<form id="Johnsform" action="http://webyardcraft2.local/freelancers" method="post" accept-charset="UTF-8&quot;">
<li><label for="Fname">First Name</label><br><input id="first_name" name="first_name" type="text" required=""></li>
<li><label for="Lname">Last Name</label><br><input id="last_name" name="last_name" type="text" required=""></li>
<li><label for="email">Email</label><br>
<input id="mail" name="email" type="email" required=""></li>
<p><label for"jquestion"="">Place your questions for John</label><br>
<input id="j_question" name="j_question" type="text">
</p>
</form>
</div>

#form_wrapper {
  display:none;
}
jQuery(document).ready(function( $ ){
    $("a-show_form").click(function(){
   $(\'form_wrapper\').show():
    });

html body .show-important { display: block !important; // or flex opacity: 1 !important; filter: opacity(100%) !important; } html body .hide-important { display: none !important; } html body .hide-important * { display: none !important; } (function($){ $(document).ready(function(){ //when page loaded hide form $("#form_wrapper").hide(); // or $(\'#form_wrapper\').removeClass("show-important").addClass("hide-important"); $("YOUR.BUTTON.CLASS").on("click",function(){ //if click the Button Show the Form $(\'#form_wrapper\').show(); // or $(\'#form_wrapper\').addClass("show-important").removeClass("hide-important"); }); }); })(jQuery)

如何删除WPForms Lite的插件样式

我想删除WPForms Lite应用于其表单的预设样式表。这样我就可以使用自己的样式表，而不必通过覆盖预设样式表而导致过度膨胀。目前，我有自己的排队器，它可以处理所有其他事情，如随意加载和删除样式和脚本，但对于WPForms，我遇到了麻烦。我可能有错误的样式参考，但检查插件代码时，我想到的只是wpforms-full 和wpforms-base.只关注相关部分，我的函数代码。php目前是这样的：function my_enqueuer() { wp_deregister_style( \'

相关推荐

如何删除WPForms Lite的插件样式