jQuery રેડી વર્ડપ્રેસની મુખ્ય સમસ્યા એ છે કે તે હંમેશા ભરોસાપાત્ર હોતું નથી. કેટલીકવાર પ્લગઇન્સ અથવા થીમ્સ jQuery સાથે સંઘર્ષ કરશે અને પ્લગઇન કામ કરવાનું બંધ કરશે. જો તમે કસ્ટમ WordPress ફંક્શન્સ અથવા થીમ્સ સાથે ક્રિયાપ્રતિક્રિયા કરવા માટે jQuery નો ઉપયોગ કરી રહ્યાં હોવ તો આ એક મોટી સમસ્યા બની શકે છે.
$(document).ready(function(){ $("#button").click(function(){ alert("Hello world!"); }); });
આ કોડ એક બટન બનાવવા માટે jQuery નો ઉપયોગ કરે છે જે, જ્યારે ક્લિક કરવામાં આવે છે, ત્યારે "હેલો વર્લ્ડ!" કહેતી ચેતવણી પ્રદર્શિત કરશે.
1. પ્રથમ લાઇન jQuery ના document.ready() ફંક્શનનો ઉપયોગ કરે છે તેની ખાતરી કરવા માટે કે જ્યાં સુધી દસ્તાવેજ તૈયાર ન થાય ત્યાં સુધી કોડ ચાલતો નથી (એટલે કે, તમામ HTML તત્વો લોડ કરવામાં આવ્યા છે).
2. બીજી લાઇન jQuery ના $("#button") સિલેક્ટરનો ઉપયોગ "બટન" ની id સાથે તત્વ શોધવા માટે કરે છે.
3. બટન એલિમેન્ટમાં ક્લિક હેન્ડલર ઉમેરવા માટે ત્રીજી લાઇન jQueryની .click() પદ્ધતિનો ઉપયોગ કરે છે. જ્યારે બટન ક્લિક કરવામાં આવે ત્યારે આ ક્લિક હેન્ડલર ફંક્શનની અંદર કોડને એક્ઝિક્યુટ કરશે.
4. ફંક્શનની અંદરની ચોથી અને અંતિમ લાઇન ફક્ત "હેલો વર્લ્ડ!" કહેતી ચેતવણી દર્શાવે છે.
વિન્ડોઝ
jQuery માં Windows વિશે વાત કરવાની કેટલીક રીતો છે. એક રીત વિન્ડો ઑબ્જેક્ટનો ઉપયોગ કરવાનો છે. વિન્ડો ઑબ્જેક્ટમાં ઊંચાઈ અને પહોળાઈ જેવા ગુણધર્મો છે જેનો ઉપયોગ તમે વિન્ડોના કદ વિશે માહિતી મેળવવા માટે કરી શકો છો. તમે પેજ પરના ચોક્કસ તત્વ વિશે માહિતી મેળવવા માટે document.getElementById() પદ્ધતિનો પણ ઉપયોગ કરી શકો છો.
વિન્ડોઝ ગુણધર્મો
વિન્ડોઝની વર્તણૂકને નિયંત્રિત કરવા માટે તમે jQuery માં ઉપયોગ કરી શકો તેવા કેટલાક ગુણધર્મો છે. આ ગુણધર્મો છે:
$("#myWindow").પહોળાઈ()
$("#myWindow").height()
$("#myWindow").મહત્તમ કરો()
$("#myWindow").minimize()
