Hovedproblemet med jQuery Ready WordPress er at det ikke alltid er pålitelig. Noen ganger vil plugins eller temaer komme i konflikt med jQuery, og plugin-en vil slutte å fungere. Dette kan være et stort problem hvis du bruker jQuery til å samhandle med tilpassede WordPress-funksjoner eller -temaer.
$(document).ready(function(){ $("#button").click(function(){ alert("Hello world!"); }); });
Denne koden bruker jQuery til å lage en knapp som, når den klikkes, vil vise et varsel som sier "Hallo verden!"
1. Den første linjen bruker jQuerys document.ready()-funksjon for å sikre at koden ikke kjører før dokumentet er klart (dvs. alle HTML-elementene er lastet inn).
2. Den andre linjen bruker jQuerys $(“#button”)-velger for å finne elementet med ID-en “button”.
3. Den tredje linjen bruker jQuerys .click()-metode for å legge til en klikkbehandler til knappeelementet. Denne klikkbehandleren vil utføre koden inne i funksjonen når knappen klikkes.
4. Den fjerde og siste linjen inne i funksjonen viser ganske enkelt et varsel som sier "Hei verden!"
Windows
Det er noen måter å snakke om Windows på i jQuery. En måte er å bruke vindusobjektet. Vindusobjektet har egenskaper som høyde og bredde som du kan bruke for å få informasjon om størrelsen på vinduet. Du kan også bruke document.getElementById()-metoden for å få informasjon om et spesifikt element på siden.
Windows-egenskaper
Det er noen få egenskaper du kan bruke i jQuery for å kontrollere atferden til Windows. Disse egenskapene er:
$(“#myWindow”).width()
$(“#myWindow”).height()
$(“#myWindow”).maximize()
$(“#myWindow”).minimize()