Error using Jquery UI and Bootstrap

Asked

Viewed 150 times

2

I’m using Draggable jquery UI

What happens is, when I put the element inside Div’s contents, I can’t get it out anymore

And just remove the css from Bootstrap it works.

Follows the Jsfiddle

jquery jquery-ui

1 answer

2


There seems to be a conflict between the jQuery UI and the Boostrap CSS, if you change the z-index it will already work.

.imgConteudo {
    z-index: 100;
}

jsFiddle: http://jsfiddle.net/mve2u1om/2/

  • 1

    That’s right, thank you Sergio :)

  • @Good rod that worked!

  • have you seen the helper:draggable clone not working?

  • @Not Rod. If you’re in trouble put it here or ask another question see if we help.

  • Sergio, it’s in the same context as jsFiddle that I posted, you want me to create a new question?

  • @Rod here poses the problem to see if I can help.

  • following the jsFiddle I gave you, is it correct to do this setting? $(". imgConteudo"). draggable({ grid: [5, 5], helper:"clone" });

  • @Rod I don’t know the jQuery UI very well but I think it lacks code. My way to make it work would be like this: http://jsfiddle.net/w3g4nqtg/

  • then it doesn’t get loose in the Content Div, gets fixed, rsrsrs

  • @Rod ask a new question to explain better what you want to do. I’ll also take a look at the jQueryUI documentation

Show 5 more comments

Browser other questions tagged jquery jquery-ui

You are not signed in. Login or sign up in order to post.