none
Uncaught TypeError: Object [object Object] has no method 'bxSlider'

    Question

  • Hi Techies,

    I developed two visual webparts one with jquery.carouFredSel.js plugin and another with jquery.bxSlider.min.js plugin

    Both are working fine when placed on different pages.

    The problem arises when I place this webparts on a single webpart page; one webpart works and other one doesn't work.

    When i tried to drill into the issue... I got to know that the webpart which is placed on 1st position is not working fine whereas which is placed at 2nd place i.e below the 1st one is working fine.

    When I used developer tool to check what's the issue, i got this error for 1st webpart:

    Uncaught TypeError: Object [object Object] has no method 'bxSlider' 

    I got this error because i placed the webpart (uses jquery.bxSlider.min.js plugin) at 1st position on page i.e above the webpart which uses jquery.carouFredSel.js plugin

    Please help me out.


    Tuesday, November 12, 2013 12:59 PM

Answers

  • hi

    plugins often conflict with each other. In such cases I try to determine after what exact line in plugin B, methods from plugin A become unavailable (by using console.log(jQuery.methodFromPluginA) - when it will print undefined, it means that method become unavailable) and check different versions of plugin. Sometimes older versions work don't conflict. Also it can be so that you can't use these 2 plugins on the same page (like jquery ui and jquery tools for example).


    Blog - http://sadomovalex.blogspot.com
    Dynamic CAML queries via C# - http://camlex.codeplex.com

    Tuesday, November 12, 2013 1:31 PM