Jqm - Revision history

Tim at 20:51, 24 January 2012

2012-01-24T20:51:05Z

← Older revision		Revision as of 16:51, 24 January 2012
Line 11:		Line 11:
	</body>		</body>
	</pre>		</pre>
	====Why do I have to reload the page when I arrive from another jquery page====		====Why do I have to reload the page when I arrive from another jquery page? ANS: data-ajax="false" ====

	The setup:		The setup:

Tim at 20:49, 24 January 2012

2012-01-24T20:49:36Z

← Older revision		Revision as of 16:49, 24 January 2012
Line 1:		Line 1:
	=====pageinit doesn't fire if its in the loaded .js so put it in the div=====		====pageinit doesn't fire if its in the loaded .js so put it in the div====
	<pre>		<pre>
	<body>		<body>
Line 32:		Line 32:
	I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?		I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?

	======because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">======		=====because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">=====

Tim at 20:48, 24 January 2012

2012-01-24T20:48:46Z

← Older revision		Revision as of 16:48, 24 January 2012
Line 1:		Line 1:
	pageinit doesn't fire if its in the loaded .js so put it in the div		=====pageinit doesn't fire if its in the loaded .js so put it in the div=====
	<pre>		<pre>
	<body>		<body>

Tim at 20:45, 24 January 2012

2012-01-24T20:45:11Z

← Older revision		Revision as of 16:45, 24 January 2012
Line 32:		Line 32:
	I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?		I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?

	======because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">		======because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">======

Tim at 20:44, 24 January 2012

2012-01-24T20:44:43Z

Tim at 20:42, 24 January 2012

2012-01-24T20:42:54Z

← Older revision		Revision as of 16:42, 24 January 2012
Line 20:		Line 20:
	But when I put that link in another jquerymobile page as a link with a query string		But when I put that link in another jquerymobile page as a link with a query string

	<li><a href="food2buy.html?repo=Sobaza&list=groceries">Grocery List</a></li>		<li><a href="food2buy.html?repo=Sobaza&list=groceries">Grocery List</a></li>

	After the click the URL changes but the page doesn't really reload.		After the click the URL changes but the page doesn't really reload.
Line 26:		Line 26:
	Paginit is firing but even though the right URL is in the browser address bar when I look inside pageinit..		Paginit is firing but even though the right URL is in the browser address bar when I look inside pageinit..

	$('#thelist').bind('pageinit', function(event) {		$('#thelist').bind('pageinit', function(event) {
	console.log("is this firing ?");		console.log("is this firing ?");
	console.log(window.location.href);		console.log(window.location.href);

	I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?		I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?

	======because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">		======because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">

Tim at 20:42, 24 January 2012

2012-01-24T20:42:06Z

← Older revision		Revision as of 16:42, 24 January 2012
Line 11:		Line 11:
	</body>		</body>
	</pre>		</pre>
			====Why do I have to reload the page when I arrive from another jquery page====

			The setup:
			Consider this URL http://10.0.1.18/webeshoppin/stuff2get/www/food2buy.html?repo=Sobaza&list=groceries

			I use the pageinit function jquery mobile function to get the url variables and fill the page with lists from a getJSON call. It works fine

			But when I put that link in another jquerymobile page as a link with a query string

			<li><a href="food2buy.html?repo=Sobaza&list=groceries">Grocery List</a></li>

			After the click the URL changes but the page doesn't really reload.

			Paginit is firing but even though the right URL is in the browser address bar when I look inside pageinit..

			$('#thelist').bind('pageinit', function(event) {
			console.log("is this firing ?");
			console.log(window.location.href);

			I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?

			======because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">

Tim at 18:55, 24 January 2012

2012-01-24T18:55:12Z

← Older revision		Revision as of 14:55, 24 January 2012
Line 1:		Line 1:
			pageinit doesn't fire if its in the loaded .js so put it in the div
	pageinit doesn't fire if its in the loaded .js
	<pre>		<pre>
	<body>		<body>

Tim: Created page with " pageinit doesn't fire if its in the loaded .js

← Older revision		Revision as of 16:44, 24 January 2012
Line 19:		Line 19:

	But when I put that link in another jquerymobile page as a link with a query string		But when I put that link in another jquerymobile page as a link with a query string
			<pre>
	<li><a href="food2buy.html?repo=Sobaza&list=groceries">Grocery List</a></li>		<li><a href="food2buy.html?repo=Sobaza&list=groceries">Grocery List</a></li>
			</pre>
	After the click the URL changes but the page doesn't really reload.		After the click the URL changes but the page doesn't really reload.

	Paginit is firing but even though the right URL is in the browser address bar when I look inside pageinit..		Paginit is firing but even though the right URL is in the browser address bar when I look inside pageinit..
			<pre>
	$('#thelist').bind('pageinit', function(event) {		$('#thelist').bind('pageinit', function(event) {
	console.log("is this firing ?");		console.log("is this firing ?");
	console.log(window.location.href);		console.log(window.location.href);
			</pre>
	I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?		I see (window.location.href) shows the prior page when it arrives from the link but the current page when I just put the URL in the browser. How do I get it to update from the link?

	======because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">		======because you need to add data-ajax="false" to each <a href="hhtt:ybut.net data-ajax="false">