javascript - jQuery 在控制台中工作但在加载网站时不工作

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

我还想知道是否可以 trim 这段代码，因为我认为我可能添加了一些不必要的东西。

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

这是图片:

这是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

1. 给 radio 上一课
2. 使用最亲近的 sibling

$(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>