Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The <a href="http://jquerymobile.com/demos/1.1.0/docs/pages/page-scripting.html" rel="nofollow">documentation</a> for how to handle the pageinit event is slightly different than your approach -- at least the section of the documentation I was looking at. Their suggestion is that you would code it like this:</p> <pre><code>$( document ).delegate("#geoPage", "pageinit", function() { // Handle it } </code></pre> <p>The documentation sounded like you have placed your function in the best location if you want to bind this way.</p> <p><strong>Edit</strong>:</p> <p>Notably, <a href="http://jquerymobile.com/demos/1.1.0/docs/api/events.html" rel="nofollow">this particular page</a> describes binding exactly as you have shown (but adds <code>event</code> into the anonymous function which I don't think should affect your situation). This leads me to believe that you might have a javascript error in your Developer Tools Console when you navigate from another page and the page gives off an appearance of 'not working'. Be sure to check for that in your Developer Tool of choice.</p> <p><strong>Edit</strong>:</p> <p>The solution for you is that you need to include your google maps javascript 'include' somewhere within the <code>data-role='page'</code> element. Jquerymobile is going to ignore everything outside of that every time it does an AJAX page load. Alternatively, you could turn all links into this page into <code>data-ajax="false"</code>.</p> <p>Include the following line <em>inside</em> of your data-role="page" or include it in the html <code>&lt;head&gt;</code> for every page.</p> <pre><code>&lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt; </code></pre> <p>Be sure to really read and let the original link sink in. Best practice is that you have the same <code>&lt;head&gt;</code> element for every page and include it rather than copy-paste it.</p>
    singulars
    1. This table or related slice is empty.
    1. POJquery Mobile "pageinit" not firing
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USveeTrain
    1. USveeTrain
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POJquery Mobile "pageinit" not firing
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks for your help. Using your suggested code i get the exact same behavior. But, i just tried to debug my javascript with chrome and it says google is not defined. But it should be defined from the script in the head. I aslo tried to move that script into my page and i get the same error...
      singulars
      1. PO
      1. USuser1289451
    2. COI fixed it. Once i got the error, i realized it wasnt loading my script on page transition. So, i moved the include for the API to my index file. That way it will be loaded with the DOM. And i can access it later. Im not sure if this is the way i should do this, but it works. Please advise if this is a frowned upon method. Also, awarded your answer as my solution since you got my brain spinning in the right direction.
      singulars
      1. PO
      1. USuser1289451
    3. COIn general, you should have the same `<html><head></head>` segment in every page. That is basically what jquerymobile is going to assume. Those segments of the page are only going to get loaded once -- whichever page the user accesses first. So if there are page-specific elements that need to be included on just one page (like `google`, here) be sure to include it _inside_ the `data-role="page"`. Be sure to read the first documentation link for the best practice. Thanks
      singulars
      1. PO
      1. USveeTrain
 

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