I have an order that loads up with an overseeing div for every item, each item has some jquery so that the buttons for each of the menus (you can see in the pic) function correctly. All works correctly from page load where the default items are pulled from the DB.
However I also have a box that pulls products of a certain criteria that can be added to the order. This button then injects through append() the exact same row data from above and thus the product is added to the page without any reloads/ajax required. When passing the html layout of the item through append it works correctly, however it simply wont push through jquery, and as stated above every item row has its own 3 lines of jquery to 1) Make the UI menu start, hence it not being styled in the photo & 2) make the functions of those menu buttons work.
I know that the problem relates to passing through jquery in the append() method. Unfortunatley I do not understand how one can escape the jquery until its appended into the parent div. Hope that’s a little clearer. So the question is, is it possible to append jquery as a string??
Regards