jquery сделать что-то при изменении окна

Question

У меня возникли проблемы с объединением двух скриптов, они работают как два скрипта, но мне нужно, чтобы они работали как один скрипт, чтобы вывести выпадающее меню, а другое изменило выпадающее меню на гиперссылку, что Мне нужно скрипт, чтобы сделать это, когда окно говорит меньше, чем 520, что он превращает в раскрывающемся меню просто ссылка эй является то, что у меня есть

$(window).resize(function() 
{ 
    if ($(window).width() < 520) 
    { 
     $("#documentLink").attr("href", "http://www.w3schools.com/jquery"); 
    } 
    else 
    { 
     $(document).ready(function() 
     { 
      $("#documentLink").click(function() 
      { 
       $("#documentcontainer").fadeToggle(300); 
       return false; 
      }); 
      $(document).click(function() 
      { 
       $("#documentcontainer").hide(); 
      }); 
      $("#documentcontainer").click(function() 
      { 
       return false; 
      }); 
     }); 
    } 
}); 

первая часть работает при изменении размеров окна, но последняя часть сценария не извиняется за то, как мой вопрос выкладывается не очень хорошо, задавая вопрос

Answer 1

Это очень un вероятно, будет вызван ваш обратный вызов для $(document).ready. Событие ready на document запускается один раз, когда документ готов, но вы присоединяете это событие, когда пользователь меняет размер окна (событие, которое будет запущено после события ready).

Что вы должны сделать, это проверить в вашей функции обратного вызова, если размер окна меньше 520 и делать то, что нужно после:

$(document).ready(function() { 
    $("#documentLink").click(function(e) { 
     if ($(window).width() >= 520) { 
      e.preventDefault() ; 
      $("#documentcontainer").fadeToggle(300); 
      return false; 
     } 
     return true ; 
    }); 
    $(document).click(function({ 
     $("#documentcontainer").hide(); 
    }); 
    $("#documentcontainer").click(function() { 
     return false; 
    }); 
}); 

Здесь, я предполагаю, что ваш #documentLink уже a тег с соответствующим href.

Answer 2

Может быть, вы можете попробовать что-то вроде этого,

 $(document).ready(function() 
    { 
     $(window).resize(function() 
     { 
      if ($(window).width() < 520) 
      { 
       $("#documentLink").attr("href", "http://www.w3schools.com/jquery"); 
      } 
      }); 

//READY CODE HERE 
        $("#documentLink").click(function() 
        { 
         if ($(window).width() > 520) //CHECK WIDTH IN EVENT HNDLR. 
         { 
         $("#documentcontainer").fadeToggle(300); 
         return false; 
         } 
        }); 


        //MORE CODE HERE... 



     }); 
    });