Title: Proper formating for Javascript function? Last modified: August 19, 2016 --- # Proper formating for Javascript function? * [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/) * Hi Noob here, * Can someone please tell me how to properly format this javascript function to include in my functions.php file? * ``` $(function() { $(".jqzoom").jqzoom(); }); ``` * Thank you Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/proper-formating-for-javascript-function/page/2/?output_format=md) [→](https://wordpress.org/support/topic/proper-formating-for-javascript-function/page/2/?output_format=md) * [samjstarling](https://wordpress.org/support/users/samjstarling/) * (@samjstarling) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332365) * As it’s a Javascript function (and not PHP) you need to include it in the HTML of your template, rather than in your functions.php file. * It also needs to go within ``` * On my page: * ```

``` * Thanks * Thread Starter [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332445) * Can someone help guide the noob out of his ignorance? Stuck! * Thanks * [samjstarling](https://wordpress.org/support/users/samjstarling/) * (@samjstarling) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332564) * You’ve got * ``` $('.MYCLASS).jqzoom(); ... ``` * You need to replace MYCLASS with the correct class name, and also close the quote you opened. * Thread Starter [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332580) * Thanks I did miss that. But even with the change to * ``` $(function() { $(".jqzoom").jqzoom(); }); ``` * It still doesnt work * Thread Starter [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332581) * And with the other change, still not working. * ``` ``` * Ugh! * Thread Starter [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332583) * I think this is correct now, but still not working. Just a white line shows up on my page. * ``` ``` * Moderator [Samuel Wood (Otto)](https://wordpress.org/support/users/otto42/) * (@otto42) * WordPress.org Admin * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332585) * Stop using $. Use the full jQuery with WordPress. * ``` jQuery(function() { jQuery(".jqzoom").jqzoom(); }); ``` * If you absolutely must use the $, then encapsulate it, like so: * ``` jQuery(document).ready(function($) { // $() will work as an alias for jQuery() inside of this function $(function() { $(".jqzoom").jqzoom(); }); }); ``` * Another way to do it, if you don’t want to wait for the DOM ready event to fire is this: * ``` (function($) { // your code here, use $ as much as you like })(jQuery); ``` * Basically, using $ is bad practice in general, because so many libraries decided to use it. WordPress loads jQuery in noConflict mode, so the $ doesn’t get defined, in case some other library is using it. So use the full jQuery name whenever writing your own code and things tend to work better. * Thread Starter [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332589) * Thank you, that helps me in this learning process. Still not working. I have an image, but nothing happens. * ``` ``` * Moderator [Samuel Wood (Otto)](https://wordpress.org/support/users/otto42/) * (@otto42) * WordPress.org Admin * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332601) * Are you on Page 12? * Are you sure you don’t want to use `is_page(12)` instead? Note the lack of quote marks. * Do you get any errors in the browser’s Error Console? * Thread Starter [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332617) * Thank you. Taking out the quote marks fixed my error. But still not working. * I now have an image in my page. When clicked it loads the larger image, my screen cursor is now the magnifying glass. Click, zooms in once, click again, zooms out. * Not getting the hover effect. So after I studied your code and the code at [http://www.mind-projects.it/projects/jqzoom/](http://www.mind-projects.it/projects/jqzoom/), * I thought this is what I needed. * ``` ``` * But still no joy. * Thread Starter [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332633) * Anyone know what Im doing wrong please? * [Mark / t31os](https://wordpress.org/support/users/t31os_/) * (@t31os_) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332634) * Does you link have jqzoom as it’s class name, since that’s what the function is expecting it to be now.. * It might be appropriate to name it something else, you’re giving it the same name as a function (confusing for anyone reading it if they’re not immediately familiar with the code).. * ``` ('.myclassname').jqzoom(options); ``` * You’re also missing the second quote, which i’ve added back into the example above. * Thread Starter [macart](https://wordpress.org/support/users/macart/) * (@macart) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332635) * Thank you. I named my class “zoomer” to try an make it a little clearer. I have an image on my page with hand icon, when I hover over the image its supposed to load a box to the right with a zoomed portion of the smaller image, it doesn’t do that. If I click the image it loads the same image but with a magnifying glass for the icon. Here is my code. On my page: * ```

``` * In my header: * ``` ``` * Thanks * [Mark / t31os](https://wordpress.org/support/users/t31os_/) * (@t31os_) * [16 years, 4 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/#post-1332636) * This * ``` ('.zoomer').jqzoom(options); ``` * Should be.. * ``` $('.zoomer').jqzoom(options); ``` * .. don’t know why i ignored the obvious error before.. lol … it must be getting late.. Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/proper-formating-for-javascript-function/page/2/?output_format=md) [→](https://wordpress.org/support/topic/proper-formating-for-javascript-function/page/2/?output_format=md) The topic ‘Proper formating for Javascript function?’ is closed to new replies. * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/) * 18 replies * 5 participants * Last reply from: [evdboogaard](https://wordpress.org/support/users/evdboogaard/) * Last activity: [16 years, 3 months ago](https://wordpress.org/support/topic/proper-formating-for-javascript-function/page/2/#post-1332672) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics