StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjQuery's .on function doesn't seem to like 'load' event
primarykey
Id
8738512
data
AcceptedAnswerId
0
AnswerCount
2
ClosedDate
CommentCount
1
CommunityOwnedDate
CreationDate
2012-01-05T06:26:16.097
FavoriteCount
1
LastActivityDate
2012-12-18T15:17:24.410
LastEditDate
2012-09-02T14:13:44.763
LastEditorUserId
317768
OwnerUserId
1104191
ParentId
0
PostTypeId
1
Score
4
ViewCount
5389
LastEditorDisplayName
text
Body
<p>I have a completely ajax driven website, so lately I've had to research delegation techniques. I've learned that .live and .delegate have been deprecated and the new function to use is .on .</p> <p>If I'm dynamically loading a webpage into a division on the current page (AJAX) like so:</p> <pre><code><html> <head> <script src="jquery.js"> </script> <script> function ajaxTest() { $('#content').load('test.php'); } </script> <script type="text/javascript"> $(function(){ $(document).on("click", "#map", function(){ alert("it has been loaded"); }); }); </script> </head> <body> <div id="content"> <button onClick="ajaxTest()" value="Click Me"> This is to be clicked </button> </div> </body> </html> </code></pre> <p>where test.php looks like</p> <pre><code><html> <head> </head> <body> <div id="map">THIS IS THE MAP</div> </body> </html> </code></pre> <p>I can then click on the words "THIS IS THE MAP" and it does indeed show the alert. The problem I've been having is instead of doing:</p> <pre><code>$(document).on("**click**", "#map", function(){ </code></pre> <p>I need something more along the lines of:</p> <pre><code>$(document).on("**load**", "#map", function(){ </code></pre> <p>It doesn't work obviously, so I'm wondering if something similar might. The whole reason I'm even inquiring about this is because in some pages, instead of having just "THIS IS THE MAP" in the map division, I have a google map or an swf object or something. Any help would be appreciated.</p> <p>If you wanted to just answer how to load a google map into a division that doesn't exist yet, that would be helpful too ;)</p>
Tags
<javascript><ajax><delegates><jquery>
Title
jQuery's .on function doesn't seem to like 'load' event
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USjk.
UserOwnerUserId
1. USGalway
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
2. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POjQuery's .on function doesn't seem to like 'load' event
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  POjQuery's .on function doesn't seem to like 'load' event
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
3. VO
  singulars
  PostPostId
  POjQuery's .on function doesn't seem to like 'load' event
  UserUserId
  USTaylorHokanson
  VoteTypeVoteTypeId
  VTFavorite
CommentsPostId
1. COdid you try .bind("click","testfunc");
  singulars
  PostPostId
  POjQuery's .on function doesn't seem to like 'load' event
  UserUserId
  USRashmi Kant Shrivastwa

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.