Member Avatar for amitnarayan

Hand Cursor is Fluctuating in IE 6, in jquery handle slider. Some one help me out :-(

  • 4 Contributors
  • 3 Replies
  • 91 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Summary and practical troubleshooting for the IE6 “hand cursor flicker” seen with a jQuery slider.

described the symptom; and pointed toward style-based fixes, and noted that low-memory systems can make redraws choppy. Those suggestions are on the right track. In IE6 the cursor tends to flip when the browser thinks the element under the pointer has changed (node replacement, layout reflow, overlapping objects, or fast image/state swaps), or when repaints are delayed by system resource pressure.

Quick checklist to isolate and fix the issue

  • Reproduce the slider on a minimal page. If the problem disappears, a nearby layer or script is interfering.
  • Observe the DOM while dragging (dev tools or lightweight logging). If the handle node is removed/recreated or constantly swapped classes/nodes, that will trigger mouseleave/mouseenter and change the cursor.
  • Temporarily hide positioned/transparent elements, iframes or plugins near the slider. Those can capture the mouse or break the expected stacking.
  • Avoid replacing the handle element or repeatedly swapping its background on every mousemove; use stable nodes and preloaded assets so IE6 does fewer repaints.
  • Check whether the problem correlates with low RAM. On older machines OS swapping can make repaints and event handling look like cursor flicker.

For reference on cursor behavior and the slider widget structure see the browser docs for cursor behavior and the jQuery UI slider API: MDN: cursor and jQuery UI slider API. Details about generated markup and whether the handle is recreated during drag will typically reveal the root cause.

Recommended Answers

All 3 Replies

Member Avatar for ko ko

Try this:

/* Is it anchor link */
a:hover {
     cursor: pointer
    }
/* else div or span */
div:hover {
    cursor: pointer
    }
Member Avatar for Romil797

You don't have to use JQuery. In CSS there is a cursor property you can assign to divs:

div {
cursor:hand;
}
Member Avatar for MidiMagic

I discovered that not having enough memory in the computer also causes this. The computer is swapping things out to disk and bringing them back in.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.