Mi meglétét elemek előtt inicializálása bővítmény jquery

Itt egy egyszerű példa az elrendezés egy online bolt, például, azt használja a szabványos elemeinek jQuery UI Slider hozzá a site / online áruház keresőt a csúszka ki a árkategóriában, vagy a termékek száma.

A keresési űrlapot, hogy van jelen a következő kódot:

• id = „maxPrice” - mező társított érték a maximális árat az áru idején a keresési;
• id = „minPrice” - mező társított érték a minimális ár az áru idején a keresési;
• id = „jsSlider” - tartályba hozzáadásával frekvenciasáv kiválasztásának csúszkát.

És hozzá az oldalt header címkék közötti fejét inicializálása plugin (vagy hogy egy külön fájlban):

De! És ez lesz a helyzet, ha van egy kereső az oldalon? A fenti kód hibát okoznak és megáll végrehajtás js az oldalon miután a hiba. Az Internet Explorer 8 alatt és így általában kezdődik szálka, irritálja a látogatók a bosszantó hiba üzenet (is hangjelzéssel). Ennek eredményeként, a helyszínen el fogja veszíteni a látogatók a régebbi Internet Explorer. És az üzlet fogja veszíteni a potenciális ügyfelek.

Átírni a kódot helyesen (ha tervezi szinte minden oldalon, hogy hagyjuk a minimális áruk formájában keresés):

Mint látható, a példa más, csak néhány sort: if (jQuery ( „# jsSlider”) hossza. jQuery ( "# minPrice") .length jQuery ( „# maxPrice”) hossz) -. ha abban a kontextusban az oldal van egy tartály a csúszka - div id = „jsSlider”. valamint két szöveges mezők: id = „minPrice” id = „maxPrice” - csak akkor hajtsa végre az inicializálás a plugin jQuery csúszka ui. Ez a kód nem okoz hibát, még akkor is, ha az összes ilyen elem hiányzik (az oldalon egyszerűen nem rendelkeznek minimális keresési forma). A beépülő modul egyszerűen nem lehet inicializálni.

A következtetés egyszerű: indítása előtt jQuery plugint ellenőrzése szükséges elemeinek munkájuk keretében az oldal használatával tulajdonságok .length további hibák elkerülése érdekében.

További információk az internetes technológiákat megtalálható a lista az összes cikkek az oldalon: