GithubHelp home page GithubHelp logo

cinamonas / jquery-drilldown Goto Github PK

View Code? Open in Web Editor NEW
64.0 7.0 18.0 34 KB

A simple jQuery plugin for creating animated drilldown menus

Home Page: http://cinamonas.github.io/jquery-drilldown/

License: MIT License

HTML 23.27% JavaScript 76.73%

jquery-drilldown's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

jquery-drilldown's Issues

_history isn't accurate with the current state of shown list

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

Drilldown does not maintain state of input DOM elements

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?

Do something only after init

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.

Bootstrap 3 Compatibility

Hi,
I was trying to implement jquery drilldown to an existing Bootstrap 3 navbar. When I do, navbar sub-menu items goes behind an image element I have just below navbar (see image). I've tried to add z-index to .drilldown in css, but no luck.

Did you use it with Bootstrap 3?

Thanks

bootstrap3_jquerydrilldown

Losing binded envets

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

Method to reset to initial state.

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.