Question

Buenos días.

Estoy intentando utilizar el plugin de http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-beforeafter-plugin/ en prestashop.
Lo he probado en una pñagina html simple y funciona correctametne, pero a la hora de instalarlo en prestashop, no funciona.

La manera de la que lo he instalado es la siguiente:
En el set media hago las referencias a los js:

 Tools::addJS(_THEME_JS_DIR_.'beforeafter/jquery.beforeafter-1.4.min.js');
 Tools::addJS(_THEME_JS_DIR_.'beforeafter/jquery-1.6.1.min.js');
 Tools::addJS(_THEME_JS_DIR_.'beforeafter/jquery-ui-1.8.13.custom.min.js');

En el template declaro el container y el codigo javascript:

<script type="text/javascript">
    $(function()
    {
        $('#container').beforeAfter();

    });
</script>

<div id="container">
     <div><img alt="before" src="/img/antesdespues/amanecerAzul.jpg" width="600" height="366"/></div>
      <div><img alt="after" src="/img/antesdespues/amanecerAzul2.jpg" width="600" height="366"/></div>
</div>

Me da el siguiente error de javascript, pero no se como solucionarlo ya que fuera de prestashop no da este error.

Uncaught TypeError: undefined is not a function
(anonymous function)
e.resolveWith
e.extend.ready
c.addEventListener.z
'webkitRequestAnimationFrame' is vendor-specific. Please use the standard 'requestAnimationFrame' instead. 

Answer 1

Es posible que se trate de un problema de conflicto entre jQuery y Mootools. Ambos utilizan el símbolo $ y puede que en la llamada que haces a $(...) no esté tomando jQuery. Revisa este enlace para controlar la convivencia de ambos frameworks: Usar jQuery en Joomla.