2013-05-07 3 views
0

У меня есть сайт, построенный на jQuery Mobile, и я пытаюсь открыть наши Условия обслуживания в диалоговом окне. Страница TOS - это полная страница (отдельный URL), и когда я ссылаюсь на ссылку диалога, она просто открывается как новая страница. Моего колонтитулjQuery mobile dialog не работает с новой страницей

<div data-role="footer" data-theme="<?php echo $dataTheme ?>"> 
<div data-role="navbar"> 
     <ul> 
      <li><a href="/">Home</a></li> 
     <li><a rel="external" href="http://www.trackmaster.com">Full Site</a></li> 
     <li><a href="/tosfull.php" data-rel="dialog" data-transition="pop">Terms</a></li> 
     <li><a href="https://<?php echo $_SERVER['SERVER_NAME']; ?>/cgi-bin/my_acct_entry.cgi">My Account</a></li> 
    </ul> 
</div> 
</div> 

и моя страница tos.php есть (содержание раздели для удобства)

<!DOCTYPE html> 
    <html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <meta name="author" content="AXCIS Information Network"> 
     <title>TrackMaster Terms of Service</title> 
     <link rel="stylesheet" href="http://mobiletest.trackmaster.com/styles/mobile/themes/TrackMasterMobile.min.css" /> 
     <link rel="stylesheet" href="http://mobiletest.trackmaster.com/styles/mobile/jquery.mobile.structure-1.2.0.min.css" /> 
     <script src="http://mobiletest.trackmaster.com/javascript/frameworks/jquery-current.min.js"></script> 
     <link rel="stylesheet" href="http://mobiletest.trackmaster.com/styles/mobile/mobileStyle.css" /> 
     <!-- Make sure there is a back button on each page --> 
    <script type="text/javascript"> 
     $(document).bind("mobileinit", function(){ 
      $.mobile.ajaxEnabled = false; 
      $.mobile.page.prototype.options.addBackBtn= true; 
     }); 
    </script> 

     <script src="http://mobiletest.trackmaster.com/javascript/frameworks/jquery.mobile-current.min.js"></script> 
    </head> 
    <body> 
     <div data-role="page" data-theme="a" id="main"> 
      <div data-role="header"> 

    <h1 class="headerLink"><a href="/" class="headerLink"><span class="tmFirst">Track</span><span class="tmSecond">Master</span></a> </h1> 
     <a href="/" data-icon="home" data-iconpos="notext">Home</a> 
    </div> 

      <div data-role="content" data-theme="a"> 
    <div data-role="content" class="informationText"> 
    Blah, Blah, Blah 
    </div> 


    </div> <!-- this one closes out the content div set in the section header template --> 
    <div data-role="footer" data-theme="a"> 
    <div data-role="navbar"> 
     <ul> 
      <li><a href="/">Home</a></li> 
      <li><a rel="external" href="http://www.trackmaster.com">Full Site</a></li> 
      <li><a href="/tosfull.php" data-rel="dialog" data-transition="pop">Terms</a></li> 
      <li><a href="https://mobiletest.trackmaster.com/cgi-bin/my_acct_entry.cgi">My Account</a></li> 
     </ul> 
    </div> 
    <h5 class="copyrightText">&copy; 2013 Axcis Information Network, Inc.</h5> 
    <div class="ads"> 
    <script type="text/javascript"><!-- 
    google_ad_client = "ca-pub-7303976721498796"; 
    /* Mobile Bottom */ 
    google_ad_slot = "5684536575"; 
    google_ad_width = 320; 
    google_ad_height = 50; 
    //--> 
    </script> 
    <script type="text/javascript" 
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
    </script> 

    </div> 
    </div> 
    </div> <!-- this one closes out the page div set in the header template --> 
    </body> 
    </html> 

Я попытался изменить роль данных страницы TOS к диалогу, но это не имеет никакого значения , Могу ли я, не понимая, как можно использовать диалоговые ссылки (из документации я думал, что я мог бы открыть один из любого URL, просто определив ссылку как диалог) сам

Сайт является http://mobiletest.trackmaster.com и это Условие ссылки в footer Я пытаюсь получить диалоговое окно (я не хочу включать контент на каждую страницу, только когда пользователь запрашивает его)

Любая помощь оценена (даже указывая на туманные вещи, которые мне не хватает)

ответ

0

У вас либо отсутствует <div>, либо они не совпадают; у вас есть два «контентных» div.

РЕДАКТИРОВАТЬ: Возможно, это нормально, если у вас есть один в другой, просто отметив, что <div data-role="page"> никогда не закрывается. Не знаю, имеет ли это значение.

+0

Спасибо, Позвольте мне исправить проблемы с компоновкой в ​​первую очередь и посмотреть, исправляет ли это проблему – dougis

+0

Нет, до сих пор нет радости от отсутствия div закрыт. – dougis

+0

Просто для того, чтобы быть абсолютно ясным: в вашей ссылке есть ' klugerama

0

Обнаружили проблему. Линия в заголовке $ .mobile.ajaxEnabled = false; Я прокомментировал это, и диалоговое окно работает так, как ожидалось.

была проблема, я тестирую ее, чтобы увидеть, что еще может сломаться, когда я вытащу ее :-). Роль данных для страницы TOS НЕ относится к загрузке, так как диалоговое окно автоматически назначает роль данных диалога

Смежные вопросы