Jquery Mobile clashing with

Permalink
Hi all,

I am making a site using Jquery Mobile and all seems to be going smoothly except when I get to one page type which uses
<?php if (!empty($attr)):?>


The 'if' statement pulls results from a page attribute, in this case 'tickettc'.

I am using the following page code...

<div data-role="page" class="type-interior">
<?php
$ih = Loader::helper('image');
$f = $c->getAttribute('eventposter');
$width = 200;
$height = 294;
$crop = true;
$img = $ih->getThumbnail($f, $width, $height, $crop);
$attr = $c->getAttribute('tickettc');
?>
   <div data-role="header" data-theme="b">
           <div class="header-title-text"><h2>MUGSU.org.au<br /><i>mobile 1.0</i></h2><a href="<?php echo DIR_REL?>/"><img src="<?=$this->getThemePath()?>/images/headerlogo.png" alt="MUGSU Logo" /></a></div>
   </div><!-- /header -->
   <div data-role="content">
      <div class="content-primary">


I thought it might be because I call it twice due to hiding one block or the other based on media size but removing one (leaving one) doesn't seem to change things.

The result of this is when I try to load this page from it's parent, the AJAX spinner just hangs there with no loading of the above page.

By turning ajax data off I can load the page but I was hoping to keep the AJAX loading throughout the site.

Any thoughts from anyone?