<div>
I moved my drag and drop into a separate function and call this from the $(document).ready(function(){ &nbsp; &nbsp; draganddrop(); &nbsp;}); It works on initial load. Then after my refresh I reference another function for the actual refresh and then do the following: function refreshpage() { &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$("#pagewrapper").load(location.href + " #pagewrapper"); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; draganddrop(); &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;console.log("I REFRESHED") } Yet still no drag and drop after the drop and refresh... please help. Thanks R
</div>

<div>
<div class="content wysiwyg-content fr-view">
Hi All, Yes all working great. I moved from an entire page refresh to focus on a specific div with my user interface work area. I am using this for the refresh now: $("#swapwrapper").load(location.href + " #swapwrapper"); But after this occurs either dragging and dropping or updating a database value etc... then the drag and drop stops working as does the database value click divs I have.. JQuery basically appears to STOP working. Do I need to reinitliase al my JQuery again or something (read that - so unsure). I did not have this problem before on early development as I refreshed the entire page.. but I want a more fluid UX so just focussing on the divs. Many thanks in advance.
</div>
</div>


Hi All,
Yes all working great. I moved from an entire page refresh to focus on a specific div with my user interface work area.
I am using this for the refresh now:
$("#swapwrapper").load(location.href + " #swapwrapper");
But after this occurs either dragging and dropping or updating a database value etc... then the drag and drop stops working as does the database value click divs I have.. JQuery basically appears to STOP working.
Do I need to reinitliase al my JQuery again or something (read that - so unsure).
I did not have this problem before on early development as I refreshed the entire page.. but I want a more fluid UX so just focussing on the divs.
Many thanks in advance.

Jquery drag and drop breaks after div refresh... do I need to reinitialise or something?

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Joomla is a free and open-source content management system (CMS) for publishing web content. It is built on a model–view–controller web application framework that can be used independently of the CMS. Written in PHP, Joomla uses object-oriented programming (OOP) techniques and software design patterns, stores data in a MySQL, MS SQL  or PostgreSQL database, and includes features such as page caching, RSS feeds, printable versions of pages, news flashes, blogs, search, and support for language internationalization.