Skip to content
Drempd Logo
  • home
  • portfolio
  • web design journal
  • blog
    • adventure
    • san diego
    • projects
    • website design
    • code notes
  • contact
Blog Web Dev Preserving Click Events With jQuery UI

Preserving Click Events With jQuery UI

By Forrest Smith - Drempd.com

My click events weren\’t being preserved when using the jquery sortable functionality.  After dragging a list item around, elements like my checkboxes would no longer work, and not just for the element that was being dragged, but for any of the checkboxes in the entire list.  It took a bit of searching, but to get this working, you need to add the \’helper: clone\’ option, so something like:

$( ".selector" ).sortable({
   helper: "clone"
});

This solved the click event issue, but brought up another issue. Basically whenever a clicked to drag a list item, it would \’highlight\’ all of the elements below the selected list item. I was using an older copy of the jquery ui, and the solution to this issue was to just upgrade my copy.

Posted on August 30, 2015August 26, 2022 in Web Dev

I love to create and explore. Whether building a website or app, taking a long walk through the mountains, or playing with a random idea, I've found that there will never be enough time to experience it all. But that won't stop me from trying.

Web Design & Development

  • Portfolio
  • San Diego Website Design
  • Custom Web Design
  • Responsive Web Design
  • Website Maintenance
  • Freelance Web Designer
  • Web Design Posts
  • Website Checklist

Projects

  • Zindash
  • Opti
  • Saphire CSS
  • Ergo Blocks

Blog

  • Adventure
  • San Diego
  • Projects
  • Website Design
  • Technology
  • Code Notes

About

  • Bluesky
  • Resume
  • Contact
drempd | san diego, ca
© 2026 Drempd All rights reserved.