cinamonas / jquery-drilldown Goto Github PK
View Code? Open in Web Editor NEWA simple jQuery plugin for creating animated drilldown menus
Home Page: http://cinamonas.github.io/jquery-drilldown/
License: MIT License
A simple jQuery plugin for creating animated drilldown menus
Home Page: http://cinamonas.github.io/jquery-drilldown/
License: MIT License
This might not directly be an issue, but would definitely be an awesome functionality enhancement in my opinion. I am failing because the "_history" value always is one click in delay, so I need to trigger the click 1 more time anywhere in the drilldown container to have the "_history" data updated. Is this intended? Or differently asked, could the "_history" part be modified in a way, so that one could use it as iterable data for breadcrumbs?
This is what I have so far.
$('div.drilldown').drilldown().on('click.drilldown', function(){
// Empty breadcrumb list
$('#drill-crumbs').empty();
$.each($drillSelector.data('drilldown')._history, function(index, value){
$drillCrumbs.append('> ' + value.context.firstChild.data + '');
}).on('mouseenter', function(){
// This will re trigger and make the history update.. (example, shouldn't be done this way)
$(this).trigger('click');
});
})
Do you know what I mean or am I doing something thats "not intended"? ;-)
Anyway, very nice plugin!! cheers
In my drilldown menu, I have elements which are input elements. I have noticed that the drilldown menu does not keep the values of these input elements when the menu is updated.
I suspect this is because the actual elements are not injected into the drilldown-root element, but instead a clone.
Would be nice to have support for this use case.
I suggest, using some sort of class attribute to identify the trigger which was clicked, then instead of injecting a $.clone
version of the DOM, to use the actual DOM element ($next)
, and finally when the drilldown goes back up, restore the original .drilldown-sub
class and finally use $.insertAfter
to place the actual DOM elements back to the original position.
Any thoughts?
Hello,
would it be possible to have an afterInit
event handler? What I'm trying to do is have the drilldown automatically drill to the deepest "active" item.
when I am in third level or in second level of sub menu and if a page is refreshed, it should remain in third/second level. please let me know if this is possible
Hi, first thanks for your amazing simple drill down menu library.
I have issue with unbinding events. I registered events on root li elements but after drilling down and drilling up all bind events are lost. Is it possible keep this registered events?
Or is it possible provide callback function on drill down and drill up? (I solved that issue with this approach). I can create pull request for this.
Thanks for your opinion,
Jan
Hi,
I added this plugin to a hover / drop down menu. I want a tip on how i could reset it to initial state when the menu is hoverOut.
Can you help me with this.
Regrads.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.