StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POProblems to get jquery to work in json rendered html format
primarykey
Id
17690797
data
AcceptedAnswerId
0
AnswerCount
1
ClosedDate
CommentCount
4
CommunityOwnedDate
CreationDate
2013-07-17T03:53:59.040
FavoriteCount
0
LastActivityDate
2013-07-17T09:16:01.970
LastEditDate
2013-07-17T04:41:09.780
LastEditorUserId
1065970
OwnerUserId
1065970
ParentId
0
PostTypeId
1
Score
1
ViewCount
158
LastEditorDisplayName
text
Body
I run a "strip out" version of FB bigPipe and it's working perfect, except the jquery. When I parse the jquery in json format and append to a div tag, the jquery stop working. You can see the "bigPipe" jquery code I use <a href="http://jsfiddle.net/YHVzE/1/" rel="nofollow">here</a> The code to get this working is pretty simple. In PHP: <pre><code>$data = array( 'id' => {div tag ID}, 'content' => {html content}, 'title' => {document title}, 'css' => {...}, 'js' => {...} ); $output = '<script>Test.render(' . json_encode($data) . ');</script>'; </code></pre> I think the problem is that I have to add window.addEventListener not to the window itself, but to the div tag I append the content. And here I'm stuck. How do I do this? How do I get this jquery to work in this appended html? Here is a example on how it should work: If you try to run this code from a php file problems occur.Do this: <ol> <li>Put the js code from jsFiddle in a js file and include normaly in the .php file. Make a div tag in the php file and call it "not_working"- Save</li> <li>Make a empty .html document and add a div tag like <code><div id="test">Click me</div></code> and save. <ol> <li>Make a new js file and name it test.js. Put in this code:</li> </ol></li> </ol> $(function() { <pre><code>$("body").on("click","#test",function(){ alert("You clicked me!!"); }); </code></pre> }); Save. <ol> <li>In the PHP file, add this: <code>$data = array( 'id' => "not_working", 'content' => {LINK and NAME to the HTML file you created!!}, 'title' => "Test", 'css' => "", 'js' => {LINK and NAME to the JS file you created!!}, );</code></li> <li>Run the .php file, click on the Click me!. </li> </ol>
Tags
<php><javascript><jquery><html><json>
Title
Problems to get jquery to work in json rendered html format
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USKenny Flashlight
UserOwnerUserId
1. USKenny Flashlight
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
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POProblems to get jquery to work in json rendered html format
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTApproveEditSuggestion
2. VO
 singulars
 PostPostId
 POProblems to get jquery to work in json rendered html format
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
CommentsPostId

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.