Databases
StackOverflow2013
Postsdbo
POjQuery Mobile site not fluid on device after upgrade to jQuery 1.6/JQM b1
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery Mobile site not fluid on device after upgrade to jQuery 1.6/JQM b1
    primarykey
    data
    text
    <p>I've developed a site with jQuery mobile that's running within a Kentico CMS. I previously attempted to upgrade to jQuery 1.6, but it broke the fluid layout on devices. The page loaded too large, and would not resize. Fluidity still worked fine when viewed on the desktop.</p> <p>With the release of jQuery Mobile beta 1, I decided to try it again, and I'm getting the same problem. There are no js errors being thrown, and I've tried disabling all our custom styling to no avail. I can't find any record of this happening to anyone else, and I'm stuck. I'd love to upgrade to JQMb1, but obviously I can't in its current state.</p> <p>Here's the source for the homepage. There's a lot of stuff that Kentico throws in there that I don't really have control over, unfortunately.</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt; &lt;head id="Head1"&gt;&lt;title&gt; mobile &lt;/title&gt;&lt;meta name="description" content="" /&gt; &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt; &lt;meta http-equiv="pragma" content="no-cache" /&gt; &lt;meta http-equiv="content-style-type" content="text/css" /&gt; &lt;meta http-equiv="content-script-type" content="text/javascript" /&gt; &lt;meta name="keywords" content="" /&gt; &lt;link type="text/css" rel="stylesheet" href="/CMSPages/GetCSS.aspx?stylesheetname=EcommerceSite" /&gt; &lt;link href="/CMSPages/GetCSS.aspx?stylesheetname=EcommerceSitePrinter" type="text/css" rel="stylesheet" media="print" /&gt; &lt;meta name="google-site-verification" content="" /&gt; &lt;meta name="msvalidate.01" content="" /&gt;&lt;!--&lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" /&gt;--&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" /&gt; &lt;!--&lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"&gt;--&gt; &lt;script src="http://code.jquery.com/jquery-1.6.1.min.js"&gt;&lt;/script&gt; &lt;!--&lt;script type="text/javascript"&gt; $(document).bind('mobileinit', function () { $.mobile.ajaxFormsEnabled = false; $.mobile.ajaxLinksEnabled = false; $.mobile.selectmenu.prototype.options.nativeMenu = false; }); &lt;/script&gt;--&gt; &lt;!--&lt;script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"&gt;&lt;/script&gt;--&gt; &lt;script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"&gt;&lt;/script&gt; &lt;style type="text/css"&gt; body {font-size:100%;} &lt;/style&gt; &lt;link rel="stylesheet" href="/App_Themes/MobileSite/mobile.css" /&gt; &lt;link rel="shortcut icon" href="/favicon.ico" /&gt; &lt;link rel="icon" href="/favicon.ico" /&gt;&lt;link href="App_Themes/EcommerceSite/Dialogs.css" type="text/css" rel="stylesheet" /&gt;&lt;/head&gt; &lt;body class="LTR Safari ENUS" style="background-color: white"&gt; &lt;form method="post" action="/mobile.aspx" id="form1"&gt; &lt;div&gt; &lt;input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /&gt; &lt;input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /&gt; &lt;input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTU2MjkyNjQyN2Rk46frlQiixWa5BweTAF7ndB5qwTA=" /&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt; //&lt;![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]&gt; &lt;/script&gt; &lt;script src="/WebResource.axd?d=hHbumMRRUKYZ0vrqhcQN_yfc6MpmVVxjApSmuWWVdvCs6PmLi2zVUXMD41WcsEU-xj5ziYAl-mqMN93BNPoItj905TM1&amp;amp;t=634210220612724343" type="text/javascript"&gt;&lt;/script&gt; &lt;div&gt;&lt;input type="hidden" name="lng" id="lng" value="en-US" /&gt; &lt;/div&gt; &lt;script src="/ScriptResource.axd?d=OfR1_m-9FCjVieMCBtOoBHuRwsvK6yhyrqoOPYPF-6Fhud-MlDCtVtQ4dden6mSdtIjwbWesBqCiKDYzo-adCHCXFrzvtJnNmx1juFld48dTUVVX8nMAbzcOOgBB8DUe8-PkYtxRgG3P1wT9F7tNC31HmqU1&amp;amp;t=ffffffffb5d86596" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="/ScriptResource.axd?d=zxM8t7Y1GgqE09OjHvkg-h42U8eTMkVp3YKfpojTrN8cx47sdhzZq-dDO2v6aYxR6hR5_tbvXqF7SLAJvvsn5INWAI2dsH85dykE8JWfZeEMQ4QGjTXy8-3pwbkZZs_x9sTa0pvzNeV-tFROFxF5PMwPzJkfql19aYYQd6_C5fBctCaZ0&amp;amp;t=ffffffffb5d86596" type="text/javascript"&gt;&lt;/script&gt; &lt;div id="manPortal"&gt; &lt;/div&gt;&lt;script type="text/javascript"&gt; //&lt;![CDATA[ Sys.WebForms.PageRequestManager._initialize('manScript', document.getElementById('form1')); Sys.WebForms.PageRequestManager.getInstance()._updateControls([], [], [], 90); //]]&gt; &lt;/script&gt; &lt;div data-role="page"&gt; &lt;div data-role="header"&gt; &lt;!--&lt;a href="#" data-rel="back" data-icon="arrow-l"&gt;Back&lt;/a&gt;--&gt; &lt;h1&gt;Mobile&lt;/h1&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;div id="header-sep"&gt;&amp;nbsp;&lt;/div&gt; &lt;ul style="height:auto;" class="slider"&gt; &lt;li id="1"&gt;&lt;a href="#"&gt;&lt;img alt="" src="/App_Themes/MobileSite/Images/ambulatory.jpg" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li id="2"&gt;&lt;a href="#"&gt;&lt;img alt="" src="/App_Themes/MobileSite/Images/express-stroke-screening.jpg" /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;a data-role="button" href="/mobile/services.aspx"&gt;Our Services&lt;/a&gt; &lt;a data-role="button" href="/mobile/locations.aspx"&gt;Locations&lt;/a&gt; &lt;a data-role="button" href="/mobile/findadoctor/advanced.aspx"&gt;Find a Doctor&lt;/a&gt; &lt;/div&gt; &lt;div data-role="footer"&gt; &lt;p&gt; &lt;a href="#"&gt;Full Site&lt;/a&gt; | &lt;a href="/mobile/about.aspx"&gt;About Us&lt;/a&gt; | &lt;a href="#"&gt;Mobile Apps&lt;/a&gt; | &lt;a href="/mobile/privacy.aspx"&gt;Privacy Policies&lt;/a&gt;&lt;br /&gt; &amp;copy; 2011.&lt;br /&gt;Contact Us: &lt;/p&gt; &lt;div class="social"&gt; &lt;p&gt;Follow Us:&lt;/p&gt; &lt;ul&gt; &lt;li class="facebook"&gt;&lt;a href="#" target="_blank"&gt;Facebook&lt;/a&gt;&lt;/li&gt; &lt;li class="twitter"&gt;&lt;a href="#" target="_blank"&gt;Twitter&lt;/a&gt;&lt;/li&gt; &lt;li class="youtube"&gt;&lt;a href="#" target="_blank"&gt;YouTube&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;script src="/App_Themes/MobileSite/script.js"&gt;&lt;/script&gt; &lt;script src="/App_Themes/MobileSite/responsive-slider.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; //&lt;![CDATA[ Sys.Application.initialize(); //]]&gt; &lt;/script&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USatfergs
    1. USatfergs
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POjQuery Mobile site not fluid on device after upgrade to jQuery 1.6/JQM b1
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POjQuery Mobile site not fluid on device after upgrade to jQuery 1.6/JQM b1
      1. This table or related slice is empty.
      1. VTUpMod
    1. COcan you post some code or link to http://jsfiddle.net/ ?
      singulars
      1. POjQuery Mobile site not fluid on device after upgrade to jQuery 1.6/JQM b1
      1. USPhill Pafford
    2. COSure, what do you want to see? It's just standard jquery and jqm includes, and my content is wrapped in page divs per the jqm standard.
      singulars
      1. POjQuery Mobile site not fluid on device after upgrade to jQuery 1.6/JQM b1
      1. USatfergs
    3. COOk, I just posted the whole page... I guess that's why I was downvoted.
      singulars
      1. POjQuery Mobile site not fluid on device after upgrade to jQuery 1.6/JQM b1
      1. USatfergs
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload