How to Use Jquery in Magento: Jquery no doubt is the best java script library now a days .Jquery really an awesome java-script library why we like this
1 – Easy DOM manipulation
2 – Easy Ajax
3 – Browser compatibility and many more
but if you want to use jquery in magento plug-in development you can not use it directly , because magento is based on prototype java-script library but thanks to jquery this awesome library has a mode “no conflict mode” . what you have to do is
First define the noconflict() function
<script type=”text/javascript”>var $j = jQuery.noConflict();</script>
and after that change the $ of the jquery to the $j as showb below
<script type=”text/javascript”>
$j(document).ready(function(){
$j(‘ul.thumb li’).Zoomer({speedView:<?php echo $speedView; ?>,
speedRemove:<?php echo $speedRemove; ?>,
altAnim:true,
speedTitle:<?php echo $speedTitle; ?>,
width:'<?php echo $imagewidth.”px”; ?>’,
height:'<?php echo $imageheight.”px”; ?>’,
debug:false});
});
</script>
That’s it . Still you have any query or suggestion please drop a mail in our mailbox or just comment it out .enjoy 😉
Related Links :
1 – http://webkul.com/magento-tutorial
2- http://webkul.com/magento-tutorial/magento
3 – http://webkul.com/magento-tutorial/nginx-in-magento
4 – http://webkul.com/magento-tutorial/magento-in-localhost
5 – http://webkul.com/magento-tutorial/how-to-import-csv-into-magento
6 – http://webkul.com/magento-tutorial/method-varien-object-tostring-cannot-take-arguments-in-magento
Be the first to comment.