• Resolved lokimoto

    (@lokimoto)


    Hi,
    I am not a programmer, but I added your plug-in the other day to my Volunteer page to be able to collapse and expand job descriptions. It worked beautifully! But then I noticed that the Flexslider (which used to have 2 sliding banners) on my homepage and my Projects Gallery are not working anymore. The gallery, which usually displays info about each project when you click on the picture or the tab at the left, is critical to my organization’s web presence. I’ve spent the past couple nights trying to figure out if there is something I can do to fix it but can’t.

    When I run Firebug there don’t seem to be any error messages that I can see…

    Could you take a look at http://www.aaronspresents.org and let me know if you have any ideas for me? I would be forever grateful!!
    Thanks!
    Leah

    https://ww.wp.xz.cn/plugins/jquery-collapse-o-matic/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Baden

    (@baden03)

    Happy to help. Can you set up and link to an example of this so we can see the issue?
    It seems you have the plugin activated, but not placed on the page (for obvious reasons)
    Can you duplicate it for us on an unpublished page?

    Thread Starter lokimoto

    (@lokimoto)

    Hi Baden, Thanks so much for your reply!
    I am using it on the Volunteer page: http://www.aaronspresents.org/get-involved/volunteer. It works great with the descriptions of the volunteer positions.

    The problem is on the other pages–www.aaronspresents.org/projects. If you click on the photos, it’s supposed to slide into a page with information on it and it’s no longer doing that. The homepage used to have a slider at the top with the big picture too, but it’s no longer sliding so I had to take the 2nd photo off (they were appearing together on top of each other).

    I’ll be online all evening, so feel free to ask if I’m not showing you what you need!

    Thanks!!
    Leah

    Plugin Author Baden

    (@baden03)

    Hello Leah,

    The problem on the projects page is there is a syntax error:

    caught SyntaxError: Unexpected token }

    from the script used to control the click event for the photos.

    how are you creating the photo matrix on the projects page? are you using another plugin or a shortcode that came with your theme?

    Thread Starter lokimoto

    (@lokimoto)

    Hi Baden,
    I don’t see a missing bracket, and the code hasn’t changed at all…
    Neither the flexslider or this gallery are done with a plugin.
    Here’s the script for the Projects page if you are willing to take a look. Thanks!!

    <script>// <![CDATA[
    jQuery(document).ready(function($) {
    //init
    $(‘#project_content>div’).css(‘display’,’none’);
    $(‘.project_content_active’).css(‘display’,’inherit’);
    var current_project = 0;
    //listeners
    $(‘#projects_list li’).click(function() {
    change(this.id.replace(“p_list_”, “”));
    });
    $(‘#p_content_0>div’).click(function(){
    change(this.id.replace(“all_p_”, “”));
    });
    $(‘.back_to_all’).click(function(){
    change(‘0’);
    });
    var change = function(target) {
    if (parseInt(target) != current_project) {
    // change list
    $(‘.projects_active’).removeClass(‘projects_active’);
    var targetId = ‘#p_list_’ + target;
    $(targetId).addClass(‘projects_active’);
    // change content
    $(‘.project_content_active’).slideUp();
    $(‘.project_content_active’).removeClass(‘project_content_active’);
    var targetId = ‘#p_content_’ + target;
    $(targetId).addClass(‘project_content_active’);
    $(‘.project_content_active’).slideDown();
    // update current project
    current_project = parseInt(target);
    }
    }
    });
    // ]]></script>

    Plugin Author Baden

    (@baden03)

    Correct, please remove the initial // after the script tag.
    this is not valid js.

    Thread Starter lokimoto

    (@lokimoto)

    Made that change but it’s still not working…

    Plugin Author Baden

    (@baden03)

    OK… now it’s a different issue.

    Try removing all of the CDATA wrapign for that chuck of code: so it looks like:

    <script>
    jQuery(document).ready(function($) {
    ...
    });
    </script>

    Just to see if we can get this page to display w/o js errors. Once this is done, we’ll get the photo blocks working again.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Conflicts for other scripts?’ is closed to new replies.