StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POProblems getting a simple jquery 'hover' to work
primarykey
Id
12585719
data
AcceptedAnswerId
12585803
AnswerCount
3
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-09-25T14:59:36.337
FavoriteCount
0
LastActivityDate
2012-09-25T15:17:36.183
LastEditDate
2012-09-25T15:14:14.853
LastEditorUserId
128421
OwnerUserId
1435765
ParentId
0
PostTypeId
1
Score
0
ViewCount
84
LastEditorDisplayName
text
Body
<p>I have a container <code><div></code> into which I dynamically insert third-party content over which I have NO control, in other words, I get what I'm given. </p> <p>If the inserted element on the third-party website had a hover state I have already stored that hover color as a hex color; I can't store it as a style, as this color variable is updated dynamically.</p> <p>What I want to be able to do is apply that hover color variable to the element that's landed inside my container.</p> <p>I can make it work if I code the style in advance, but, as I said, I don't know it in advance so I can't do so. This simple code does work, giving the link an orange hover state. (See my <a href="http://jsfiddle.net/vVjg4/1/" rel="nofollow">working fiddle</a>.):</p> <pre><code><style> .hovering, #container a:hover {color: orange;} </style> <script> $('#container').hover(function() { $(this).addClass('hovering'); }, function() { $(this).removeClass('hovering'); }); </script> <div id="container"> <a href="something"> some link </a> </div> </code></pre> <p>However, I have to use the stored hover color variable <code>hoverClass</code> and apply it, but I can't get it to work. I tried this but it's not working. (See <a href="http://jsfiddle.net/cKpLk/1/" rel="nofollow">the fiddle I'm trying to make work</a>.):</p> <pre><code><script> var hoverClass = '.hovering, #container a:hover {color: orange;}'; $('#container').hover(function() { $(this).addClass(hoverClass); }, function() { $(this).removeClass(hoverClass); }); </script> <div id="container"> <a href="something"> some link </a> </div> </code></pre>
Tags
<javascript><jquery><jquery-selectors>
Title
Problems getting a simple jquery 'hover' to work
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USthe Tin Man
UserOwnerUserId
1. USSteve
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
3. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POProblems getting a simple jquery 'hover' to work
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTApproveEditSuggestion
CommentsPostId
1. This table or related slice is empty.

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.