We eindigen met een heel eenvoudige test die in een artikel van de blog wordt geladen om te laten zien of er ruimte is:
// Load additional content if enough room enquire .register("(min-width: 700px)", ( match: function() ( $("#home-article").load("/blog/ #main-article"); ) )) .listen();jQuery maakt Ajax supergemakkelijk, en zelfs nog makkelijker met de .load () functie. De enige kleine truc hier is waar we # hoofdartikel hebben toegevoegd aan het einde van de URL die beperkt wat het op de pagina injecteert naar die CSS-selector. Het zou perfecter zijn als we een oplossing bedachten om alleen de inhoud te retourneren die we nodig hebben om toe te voegen, maar dit is zo'n snelle en gemakkelijke oplossing dat het best wel mooi is.
Sorry voor het niet-geweldige geluid op deze = (.