Aug 092012

Very basic example of how it’s possible to manipulate menu items by destroying the Dock (requires v2.0+), changing it, and then re-initialising it. I’ve used a list, but the same principles apply for non-lists. Note that care needs to be taken with styling in order to get seamless transition between docked and undocked!


  3 Responses to “Manipulate items in a dock”

Comments (3)
  1. Hi, I’m using $(‘#dockdiv’).jqDock(‘destroy’); and then $(‘#dockdiv’).jqDock(); to create different menus in the same div but it seems to not work properly, only the first menu keeps correct, for example, I create menu images 1, 2, 3 and then when i build the menu 4, 5, 6 it its builing a menu 4, 5 , 6, 1, 2, 3 even if i clean / destroy the dock, what can I do about that?

    • Bearing in mind that “destroy” only undoes what jqDock applied to the pre-existing HTML, I think you’d better show me exactly what you are doing, ie. the starting HTML (menu items 1,2,3), and the script that destroys, then changes the items, then re-initialises jqDock. If it is easier to follow up by email then please do so.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">