Databases
StackOverflow2013
Postsdbo
PO.each yields correct class names for .hover call, but not for .css
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO.each yields correct class names for .hover call, but not for .css
    primarykey
    data
    text
    <p>I am trying to build a function that does an opacity fade for CSS objects (.thumbposition1 -> 20). I am dynamically assigning a background image the same CSS properties as its grayscale counterpart, which is being moused over (on a scroller).</p> <p>This works great when I manually specify each class by name, but when I try to minimize things by introducing an .each call, bad things happen: .hover works fine and returns the CSS class being moused over, but when I go to change (and test) the CSS properties of the overlying and underlying images, the offset values are always the same (top:0px,left:200px).</p> <p>What am I doing wrong? Please forgive any dumb mistake/hideous code/etc. I am a noob.</p> <pre><code>$(document).ready(function () { $("img").each(function(i) { var i = i + 1; var iString = i.toString(); var currentThumbPositionString_gs = ".thumbpositiongs" + iString; var currentThumbPositionString_c = ".thumbposition" + iString; var currentThumb_gs = $(currentThumbPositionString_gs); var currentThumb_c = $(currentThumbPositionString_c); var thumbPos = currentThumb_gs.offset(); var thumbPos_c = currentThumb_c.offset(); currentThumb_gs.hover(function() { currentThumb_c.css({ left:thumbPos.left, top:thumbPos.top, height:"auto", width:"auto", "z-index":"-1000000", visibility:"visible"}); currentThumb_gs.stop().animate({"opacity": "0"}, "1500"); }, function() { currentThumb_gs.stop().animate({"opacity": "1"}, "1500"); currentThumb_c.delay(355).queue( function() { $(currentThumb_c).css({ height:"0", width:"0", visibility:"hidden"}); currentThumb_c.clearQueue(); }); }); }); }); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USWilliam M.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO.each yields correct class names for .hover call, but not for .css
      1. This table or related slice is empty.
      1. VTUpMod
    1. COusing hover within a loop is error-prone.
      singulars
      1. PO.each yields correct class names for .hover call, but not for .css
      1. USundefined
    2. COSo if it works fine when I select each CSS class by name (ie. 20 chunks of code similar to this one), is that an abominable thing to do?
      singulars
      1. PO.each yields correct class names for .hover call, but not for .css
      1. USWilliam M.
    3. COI mean, it seems like something I ought to be able to do in 30 lines of code or so... but maybe that's just the way it is.
      singulars
      1. PO.each yields correct class names for .hover call, but not for .css
      1. USWilliam M.
 

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.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload