Click event not firing after adding jqueryui css

Question

I come to strange issue with jQueryUi css. Once I reference it the click event doesn't fire once I add jqueryui css.

Example without jQueryUI css (http://jsfiddle.net/dynamikus/CffPt/3/)
Example with jQueryUI css (http://jsfiddle.net/dynamikus/CffPt/2/)

Could someone help me out? Thnx

--Edit I am testing it on Windows 7/ Chrome :21.0.1180.79

It's a z-index issue.. jsfiddle.net/wirey00/CffPt/4 If you change the z-index it clicks fine — wirey00
– wirey00, Commented Aug 16, 2012 at 20:59

wirey00 · Accepted Answer · 2012-08-16 21:01:15Z

3

It's a z-index issue.. http://jsfiddle.net/wirey00/CffPt/4/ If you change the z-index it clicks fine

answered Aug 16, 2012 at 21:01

wirey00

33.7k7 gold badges56 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chris Beemster · Accepted Answer · 2012-08-16 21:02:56Z

1

It does work when you'd change the click-event to an mousedown-event.

It appears to be the z-index. Change the z-index of your zoom-elements to 99999 (for example) and you'll notice that it will work. The z-index is a style property, so adding a CSS can indeed mess up your behavior here :)

http://jsfiddle.net/3Z9yf/ You'll notice that the first button doesn't work (default z-index), while the second one will (has the z-index).

edited Aug 16, 2012 at 21:02

answered Aug 16, 2012 at 20:57

Chris Beemster

3621 silver badge6 bronze badges

1 Comment

Dynamikus Over a year ago

I removed all the mousedown even the filter still no results jsfiddle.net/dynamikus/CffPt/5

Collectives™ on Stack Overflow

Click event not firing after adding jqueryui css

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related