No Comments

Product tabs is not working, “dts.on…” is not a function

disable magento extension on product page
How to achieve magento product media image uploaded in custom module

I have newly installed Magento CE in my local system.

Now when I install first external module(adding banners to Homepage) it breaks the Product detail page tabs giving error as below in console in for rwd theme:

TypeError: dts.on is not a function
     dts.on('click', function (e) { .... app.js

The js file loading order is as below in rwd’s page.xml:

<action method="addJs"><script>prototype/prototype.js</script></action>
<action method="addJs"><script>lib/jquery/jquery-1.10.2.min.js</script></action>
<action method="addJs"><script>lib/jquery/noconflict.js</script></action>

i.e. I haven’t changed the order but kept as in Magento default.

And also I am not adding any other jQuery version through my module.

Can anybody let me know how jQuery could still be conflicting with Prototype library as I have already done conflict by passing in all my js files as below:

var $bn2 = jQuery.Conflict();

Related Posts

  • Add full version of jquery mobile to magento2 (0)
    Magento2 loads by default a custom build of jquery mobile library: deps: [ "jquery/", If I try to add the full version of the mobile library (require it in my theme): var config = { map: { '*': { fullJqueryMobile : […]
  • conflict JS Jquery (1)
    I Purchased a magento theme named em everything After installing i m having some problems, 1 add to cart not working, 2 ccevenue plugin not woring in one page checkout, so i messaged the theme seller and they replied this Cause of the error is due conflict JS Jquery. Because […]
  • How do I remove jQuery Conflict in prototype.js with 1.11.1.jquery.min.js (3)
    I have a conflict between jQuery and another library. I added the code below to the local.xml file as per answers found here. <?xml version="1.0"?> <layout> <default> <reference name="head"> <action method="addJs" name="jquery" […]
  • Configurable product price not changing. Help with Jquery conflict (1)
    Magento CE 1.9.2 is the version. I have setup my simple products for my configurable product to change the price based upon size. It is working and adds to the cart at the correct price, but the price doesn't change dynamically on the product page. Here is the page to view it. I […]
  • Remove Conflict between JQuery and Prototype.js in magento 1.9.1 (2)
    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> […]
  • Magento 2 add jQuery on specific page (1)
    I'm using magento 2 and I'm trying to add a content slider on the about us page ,and to do that I need to include the js library , I've tried to do that by adding this <reference name="head"> <action method="addJs"> <script>library.js</script> […]
  • Magento 2: JS slider Swiper fails to load properly (0)
    I'm trying to use this jquery slider in my home page: The problem is the next/prev buttons (arrows) dont work, I clic on them but nothing happens. They are supposed to display the next/previous slider. When inspecting element in Firefox, under Console tab […]
  • Jquery conflict with elastislide.js and prototype.js (1)
    Again I am here with my nightmare Conflict issue. This question seems like a duplicate but I have read all other answer that suggests use no conflict after jquery but it's not working. Can anyone briefly describe why and when we use jquery and what to if there more then 2 jquery […]
  • Uncaught TypeError: $(…).jqzoom is not a function (1)
    I am trying to add an image zoom to our Magento EE which apparently was removed by a prior developer. So I found a script called "jqzoom" which I want to use. I of course have added a call to Jquery in the head.phtml file […]
  • ReferenceError: next is not defined in magento (0)
    I have added multiple versions of jquery library like as 1.11.3 and 1.7.2, both are minified files. and i added jquery no-conflict. I want swipe image in mobile version, so added bootslider js file, that file given an error this "ReferenceError: next is not defined […]
disable magento extension on product page
How to achieve magento product media image uploaded in custom module

Be the first to post a comment.

Add a comment

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    Markdown is turned off in code blocks:
     [This is not a link](

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see