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?
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?
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.
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.