StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PONo response in IE9 using jQuery on()
primarykey
Id
18648471
data
AcceptedAnswerId
18668339
AnswerCount
3
ClosedDate
CommentCount
6
CommunityOwnedDate
CreationDate
2013-09-06T01:28:33.893
FavoriteCount
0
LastActivityDate
2013-09-07T00:08:58.947
LastEditDate
2013-09-06T23:35:47.963
LastEditorUserId
866273
OwnerUserId
866273
ParentId
0
PostTypeId
1
Score
0
ViewCount
400
LastEditorDisplayName
text
Body
I have the following jQuery (version 2.0.3) set up to toggle my nav dropdown on both touch devices and desktops: <pre><code>$(document).ready(function() { console.log("Ready handler triggered"); $(document).on({ click : ToggleNav, touchstart : ToggleNav }, "#NavToggle"); }); </code></pre> My <code>ToggleNav()</code> function: <pre><code>ToggleNav = function(event) { console.log(event.type); $('ul#Navigation').slideToggle(200); event.preventDefault(); } </code></pre> And the relevant HTML: <pre><code><div id='NavToggle'>Navigation</div> <ul id='Navigation'> <li><a href='/' title='Home'>Home</a></li> <li><a href='/page-1.php' title='Page 1'>Page 1</a></li> <li><a href='/page-2.php' title='Page 2'>Page 2</a></li> <li><a href='/page-3.php' title='Page 3'>Page 3</a></li> <li><a href='/page-4.php' title='Page 4'>Page 4</a></li> </ul> </code></pre> This works on every browser I've tested so far (Mac, Windows, and Chrome for Android) except for IE9, both 32 and 64-bit versions. The funny thing is that if I open Developer Tools and refresh the page it will start working, and I can then close Developer Tools and it will continue working no matter how many times I refresh. That is, until I close and reopen the browser. The <code>event.type</code> is successfully logged to the console ("LOG: click"), but the slideToggle() is apparently not being triggered and no errors are being logged to the console. Has anyone come across this before, and knows the cause and/or a solution? Update 1: I updated the <code>ToggleNav()</code> function to also alert the <code>event.type</code> since opening the console to view the log also made IE9 start working. IE9 will not even show the alert, so the ToggleNav() function isn't even being triggered to begin with. Update 2: After a bit more testing, I think the problem lies with the original on() handler. When I changed the <code>console.log("Ready handler triggered");</code> line to be an <code>alert()</code> instead it started working in IE9.
Tags
<jquery><internet-explorer-9><jquery-2.0>
Title
No response in IE9 using jQuery on()
singulars
PostAcceptedAnswerId
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USjrrdnx
UserOwnerUserId
1. USjrrdnx
plurals
PostLinksPostIdRelatedPostId
1. PL
 singulars
 LinkTypeLinkTypeId
 LTLinked
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
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. This table or related slice is empty.
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.