javascript - 这段 jQuery 代码是错误的，需要我不断清除缓存...为什么？

Question

我正在尝试调试一个问题，我似乎已经找到了它，但我没有技术解释为什么会发生这种情况。

我有一段查询代码，用于监视单选按钮上的 onclick 事件，并导致文本输入根据某些点击淡入/淡出。

我注意到，即使他的代码没有改变，我也必须清除缓存才能使代码正常工作。我不知道为什么，但我查看了代码(不是我写的):

$(function(){     
  $('.radioSelect_2').click(function(){
    if ($(this).attr("id") == "sub_option_1")
    {
      $('#secondary_sub_1').fadeIn("fast");
      $('#secondary_sub_2').fadeOut("fast");
      $('#secondary_sub_3').fadeOut("fast");
      $('#secondary_sub_4').fadeOut("fast");
      $('#secondary_sub_5').fadeOut("fast");
      $('#secondary_sub_6').fadeOut("fast");
      $('#secondary_sub_7').fadeOut("fast");    
    } 
    else
    {
      $('#secondary_sub_1').fadeOut("fast");
      $('#secondary_sub_2').fadeIn("fast");
      $('#secondary_sub_3').fadeOut("fast");
      $('#secondary_sub_4').fadeOut("fast");
      $('#secondary_sub_5').fadeOut("fast");
      $('#secondary_sub_6').fadeOut("fast");     
      $('#secondary_sub_7').fadeOut("fast");      
    }   
})

看起来它是为了扩展 jQuery 而设置的，所以我将其更改为

$(document).ready(function() {
  $('.radioSelect_1').click(function(){
    if ($(this).attr("id") == "option_1")
    {
        $('#sub_1').fadeIn("fast");
        $('#sub_2').fadeOut("fast");
        $('#sub_3').fadeOut("fast");
        $('#sub_4').fadeOut("fast");
        $('#sub_5').fadeOut("fast");
        $('#sub_6').fadeOut("fast");
    } 
   else if ($(this).attr("id") == "option_2")
    {
      $('#sub_1').fadeOut("fast");
      $('#sub_2').fadeIn("fast");
      $('#sub_3').fadeOut("fast");
      $('#sub_4').fadeOut("fast");
      $('#sub_5').fadeOut("fast");
      $('#sub_6').fadeOut("fast");    
    }   
});

它解决了我的问题。不再需要清除缓存等。我不明白为什么，我希望大家能。

Answer 1

来自 jQuery 的 docs :

All three of the following syntaxes are equivalent:

• $(document).ready(handler)
• $().ready(handler) (this is not recommended)
• $(handler)

我唯一能看到的是你在第一个代码块中缺少一个分号，但这很可能是一个copypasta错误......