Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Jquery Conflict? Drop downs stopped working

Featured Replies

Hey guys,

 

I've come across a bit of a problem here which I need to start learning how to fix for when it happens in the future.

 

I installed a jquery drop down menu, now I've put a slider in, the slider still works but drop down has broken.

 

Feedback on the site would be great : http://www.visualmix.co.uk/College/index.html (ignore <title>)

 

I'm 99% sure it's to do with jquery conflicts, my friend jake kindly fixed this once before for me with CDATA, does anyone know how to fix this? If so I'd really appreciate someone explaining it so I can fix this from happening in the future.

 

Thanks,

Chris

Hey guys,

 

I've come across a bit of a problem here which I need to start learning how to fix for when it happens in the future.

 

I installed a jquery drop down menu, now I've put a slider in, the slider still works but drop down has broken.

 

Feedback on the site would be great : http://www.visualmix...lege/index.html (ignore <title>)

 

I'm 99% sure it's to do with jquery conflicts, my friend jake kindly fixed this once before for me with CDATA, does anyone know how to fix this? If so I'd really appreciate someone explaining it so I can fix this from happening in the future.

 

Thanks,

Chris

 

Dont think this is a conflict more a z-index issue

 

can you add

position:relative;

z-index:1;

to .sliderboxoutline

 

and

z-index:2;

 

to ul.dropdown ul

also change top:100% to 70%

 

Pat

Like Pat said z-index will fix this the only thing different I'd just put z-index:100 on UL.dropdown (IE7 seems to prefer this)

 

I'd also change ul.dropdown ul li remove float:none and add width:200px fixes the dropdown selection problems in IE7

 

ps. nice to see you back Pat :)

  • Author

Thanks guys that fixed it :) Any ideas on what else I could include to make it more interactive?

 

I'm thinking CSS Hover Sprites on the buttons to make it a bit more interactive!

Like Pat said z-index will fix this the only thing different I'd just put z-index:100 on UL.dropdown (IE7 seems to prefer this)

 

I'd also change ul.dropdown ul li remove float:none and add width:200px fixes the dropdown selection problems in IE7

 

ps. nice to see you back Pat :)

 

Just a flying visit, actually got 10 mins to myselfwink.gif

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.