Magento 1.9 JavaScript – Remove Conflict Between JQuery and Prototype.js

javascriptjquerymagento-1.9prototype-js

I have included all the js library in page.xml of my magento.

<action method="addJs"><script>lib/jquery/jquery-1.10.2.min.js</script></action>
            <action method="addJs"><script>lib/jquery/noconflict.js</script></action>
            <action method="addJs"><script>prototype/prototype.js</script></action>
            <action method="addJs"><script>prototype/validation.js</script></action>
            <action method="addJs"><script>lib/ccard.js</script></action>
            <action method="addJs"><script>scriptaculous/builder.js</script></action>
            <action method="addJs"><script>scriptaculous/effects.js</script></action>
            <action method="addJs"><script>scriptaculous/dragdrop.js</script></action>
            <action method="addJs"><script>scriptaculous/controls.js</script></action>
            <action method="addJs"><script>scriptaculous/slider.js</script></action>
            <action method="addJs"><script>varien/js.js</script></action>
            <action method="addJs"><script>varien/form.js</script></action>
            <action method="addJs"><script>mage/translate.js</script></action>
            <action method="addJs"><script>mage/cookies.js</script></action>

after that also my prototype.js is not working. I have used noconflict.js also. It was working properly before. After merging the js files it is giving the errors.

Best Answer

only noconflict.js this will not work you have to replace variable $ with jQuery add this var jQuery=$.noConflict(); in start of file every jquery related file. and replace every $ with jQuery

Related Topic