Unknown JQuery Plugin Issue

Discussion in 'jQuery' started by snowflake343, Aug 2, 2012.

  1. #1
    I'm not really sure how much of this is relevant, but I figure too much info is better than not enough, so here it goes:


    I have 3 pages: index, about, and portfolio. All three use a jquery menu (called dcaccordion) for the mobile site (if screen is a certain size; separate css only, same html). Index also uses a slider plugin (called flexslider). Portfolio also uses a gallery plugin (called responsive image gallery).


    I made the index page first and got all of the formatting good and everything and then to make the other pages I copied index and just deleted the content. When I deleted the reference links to the js files in the head, though, the mobile menu stopped working. So I just left it 'cause they're import links so whatever. So the flexslider isn't used on any page but the index, but I left it in to keep the menu working (no idea why this makes it stop - anyone?).


    On the portfolio page, the gallery works just fine but when I put it in the menu stops working now. I figured out which line it is, but if I delete it the gallery doesn't work. So as of right now I can have either the menu or the gallery work but not both. The line that makes the menu work when I delete it is:


    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    
    Code (markup):
    It's at the very bottom of portfolio just before the end body tag.


    I'm wondering if it has something to do with this line relating to flexslider, but deleting the flexslider one (and keeping the above line) doesn't make the menu work either. Here's the line:


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    
    Code (markup):
    And the websites where I got the plugins:
    Menu: http://www.designchemical.com/lab/jquery-vertical-accordion-menu-plugin/getting-started/
    Flexslider: http://www.woothemes.com/flexslider/
    Gallery: http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/


    Let me know if you need anything else from me. I can upload my portfolio html file if that would help, but it's pretty much all those plugins because the gallery is the only content on the page.
     
    snowflake343, Aug 2, 2012 IP
  2. nhl4000

    nhl4000 Well-Known Member

    Messages:
    479
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Try inspecting the methods made. I noticed similar issues with my sites, however they are usually solved by moving around which js file to include first. I assume some method gets overwritten by the latest one that is produced. Try renaming some elements. I recommend using Chrome and inspecting the elements. Chrome will notify you with any errors/warnings.
     
    nhl4000, Aug 7, 2012 IP
  3. Rukbat

    Rukbat Well-Known Member

    Messages:
    2,908
    Likes Received:
    37
    Best Answers:
    51
    Trophy Points:
    125
    #3
    You're including jQuery twice, but different versions of them. See which version the plugin needs, then include that version or a later one. Just one, not two different jquery.min.js files.
     
    Rukbat, Aug 10, 2012 IP