PHP? Moving boxes? I'm not sure what the problem is. WordPress

Christopher comments:

They're on different servers.

But it's not the display of the error message that concerns me, it's that they don't have the same result.

Christopher comments:

The slider is moving boxes https://github.com/chriscoyier/MovingBoxes

The footer code is:

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

$('#aboutslider').movingBoxes({
startPanel : 3, // start with this panel
width : 630, // overall width of movingBoxes (not including navigation arrows)
wrap : false, // if true, the panel will "wrap" (it really rewinds/fast forwards) at the ends
buildNav : true, // if true, navigation links will be added
panelWidth : 0.6,
reducedSize : 0.8,
fixedHeight : false,
navFormatter : function(){ return "&#9679;"; } // function which returns the navigation text for each panel
});

});
</script>

In the page template it's:


<section id="highlights" class="grid8 first">

<h3 class="sectionheader"><span>Highlights</span></h3>

<ul id="aboutslider">

<?php $highlightsarchive = new WP_Query( array( 'posts_per_page' => '-1', 'featured-areas' => 'highlights', 'cat' => array( 4, 5, 6, 33 ) ) ); ?>

<?php if ($highlightsarchive->have_posts()): while ($highlightsarchive->have_posts()): $highlightsarchive->the_post(); ?>

<li>
<?php the_post_thumbnail( 'highlights' ); ?>
<h2>
<?php $urllink = get_post_meta($post->ID, link_url, true);
if($urllink){ ?>
<a class="lightbox" href="<?php echo get_post_meta($post->ID, 'link_url', true); ?>">
<?php the_title() ?>
</a>
<?php }else{ ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
<?php the_title() ?>
</a>
<?php } ?>
</h2>
</li>

<?php endwhile; ?>

<?php endif; ?>

</ul>

</section><!-- end Highlights -->




Luis Abarca comments:

<strong><?php $urllink = get_post_meta($post->ID, 'link_url', true); ?></strong>

Luis Abarca comments:

Try this


<section id="highlights" class="grid8 first">
<h3 class="sectionheader"><span>Highlights</span></h3>
<ul id="aboutslider">

<?php $highlightsarchive = new WP_Query( array( 'posts_per_page' => '-1', 'featured-areas' => 'highlights', 'cat' => array( 4, 5, 6, 33 ) ) ); ?>

<?php if ($highlightsarchive->have_posts()): while ($highlightsarchive->have_posts()): $highlightsarchive->the_post(); ?>

<li>
<?php the_post_thumbnail( 'highlights' ); ?>
<h2>
<?php $urllink = get_post_meta($post->ID, 'link_url', true);
if ( !empty($urllink) ) { ?>
<a class="lightbox" href="<?php echo $urllink ?>">
<?php the_title() ?>
</a>
<?php }else{ ?>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
<?php the_title() ?>
</a>
<?php } ?>
</h2>
</li>
<?php endwhile; ?>
<?php endif; ?>
</ul>
</section><!-- end Highlights -->


Christopher comments:

Made no difference.

Luis Abarca comments:

And as Just Me said, you have error 404 in some files

Christopher comments:

Yeah, I know. They're to unused CSS files that I didn't delete from the template yet.

I think the problem depends on figuring out what's different between the servers. You'll note that it looks fine on the dev one.

Luis Abarca comments:

<script>
jQuery(document).ready(function($)
{
$(".listitem").hide();
$(".listitem").slice(0, 6).show();

$(".more").click(function(){
var showing = $(".listitem:visible").length;
$(".listitem").slice(showing - 1, showing +6).show();
});
<strong>}</strong> // add this
</script>

Luis Abarca comments:

You have:

<script>
jQuery(document).ready(function($){
$(".listitem").hide();
$(".listitem").slice(0, 6).show();

$(".more").click(function(){
var showing = $(".listitem:visible").length;
$(".listitem").slice(showing - 1, showing +6).show();
});
</script>


Should be:

<script>
jQuery(document).ready(function($)
{
$(".listitem").hide();
$(".listitem").slice(0, 6).show();

$(".more").click(function()
{
var showing = $(".listitem:visible").length;
$(".listitem").slice(showing - 1, showing +6).show();
});
<strong>});</strong>
</script>