Question

这是在控制台中完美运行的代码：

jQuery(".cf7_wrap_com li").each(function(){
        jQuery(this).find(".first_univer input").click(function(){
            var label1 = jQuery(this).parent().find("label").html();    
            if( jQuery(this).is(":checked")) {
                   jQuery(this).parent().find(".first_high").show();
                         jQuery(".cf7_wrap_com li").not( jQuery(this).parent().parent() ).each(function(){        
                            jQuery(this).find(".first_high").hide();      
                         });
                             }

            else {}
             });
        });

以下代码是我在自定义js文件中保存的，而不是在网站加载

jQuery(document).ready(function( $ ){
    jQuery(window).bind("load", function() {
    jQuery(".cf7_wrap_com li").each(function(){
        jQuery(this).find(".first_univer input").click(function(){
            var label1 = jQuery(this).parent().find("label").html();    
            if( jQuery(this).is(":checked")) {
                   jQuery(this).parent().find(".first_high").show();
                         jQuery(".cf7_wrap_com li").not( jQuery(this).parent().parent() ).each(function(){        
                            jQuery(this).find(".first_high").hide();      
                         });
                             }

            else {}
             });
        });
    });
});

我也想知道是否有可能修改此代码，因为我认为我可能添加了一些不必要的内容。

我在两个单选按钮上使用它（默认情况下处于非活动状态），当用户点击其中任何一个按钮时，会打开一个简短的表单。

这是图像：

这是html：

<h1>What type of student?</h1>
<ul class="cf7_wrap_com first_use">
<li>
<div class="highschoolform first_univer"><input id="#school" name="School" type="radio" value="highschool" /> <label for="highschool">High School</label>
<div class="cf7_wrap_hs first_high">[contact-form-7 id="3552" title="High school"]</div>
</div>
</li>
<li>
<div class="unversityform first_univer"><input id="#University" name="School" type="radio" value="University" /> <label for="University">University</label>
<div class="cf7_wrap_uni first_high">[contact-form-7 id="3553" title="University"]</div>
</div>
</li>
</ul>

Answer 1

给收音机一个班级
使用最近和兄弟姐妹

$(function() {
  $(".school").on("click",function() {
    $(this).closest("ul").find(".first_high").hide();
    $(this).siblings(".first_high").show();
  });
});

.first_high { display:none }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>What type of student?</h1>
<ul class="cf7_wrap_com first_use">
  <li>
    <div class="highschoolform first_univer">
      <input id="#school" class="school" name="School" type="radio" value="highschool" />
      <label for="highschool">High School</label>
      <div class="cf7_wrap_hs first_high">[contact-form-7 id="3552" title="High school"]</div>
    </div>
  </li>
  <li>
    <div class="unversityform first_univer">
      <input id="#University" class="school" name="School" type="radio" value="University" />
      <label for="University">University</label>
      <div class="cf7_wrap_uni first_high">[contact-form-7 id="3553" title="University"]</div>
    </div>
  </li>
</ul>

jQuery在控制台中工作但在加载网站时没有

1 个答案: