mbretschn / drumjs Goto Github PK

Hi i was trying to integrate the on mouse scroll feature in the drum.js file. but i cant seem to get through.
How will i call the up & function on mousescroll event?

When calling the getIndex method IE7 throws an "Object expected" error in this line:

this.getIndex = function () {
    return getSelected().dataModel.index;
};

In IE7 the getSelected() function is not defined, I guess it's because it is defined inside a if (settings.transformProp) block and IE7 doesn't implement the transform property.

This error can be fixed changing the above code to:

this.getIndex = function () {
    if (settings.transformProp)
        return getSelected().dataModel.index;
    else return HTMLselect.selectedIndex;
};

^ title

I discovered while using this plugin that I wanted to add a class to the selected element. I did so by adding the following code on line 250:
$(selected.elem).parent().find('figure').removeClass('active-figure'); $(selected.elem).addClass('active-figure');

It doesn't work with hammer js 2.0.4 and it shows as frozen wheel.

If i added options dynamically elements are adding but if i drag up and down every time one number is missing.

for ex :i have 15 options ,first time it works if i do up and down 14 th num will be missing next time 13 num is missing so on...

I need to restart the plugin for some cases depend on something, is there any way for this ?

Hi Team,
I am using this plugin with Angular2 , where I am creating options dynamically and it is loaded perfectly for the first time .
When I changes the options (added/deleted the options) dynamically The drum is not reflecting with latest changes . I inspect and saw that the select options are loaded properly but the drum is not loaded.
I manually load the drum, but it is still showing the old options in drum.
Is there any way to reset the Drum?
Thanks in advance. looking for your prompt reply :)

Hello, i have a problem - backface-visibility: hidden in example David DeSandro - work in edge,
but in drum.js don`t work

Hi,
I use zepto as dom library, but I found drumjs is not working with zepto, What shoud I do? If I want to use zepto

Thanks

firefox , safari not support ....

Hi
Thanks so much for this great plugin. I'm currently experiencing the following issue:
I have a date box on my page. It takes the correct options from the selects, and shows them. However, only the 'selected' values are visible.
Please see attached images.

I am aware of setting the default value of a element. However, is there a way to set the value of the drum to reflect the current date/time. For instance instead of displaying Jan 01 2018 00:00 PM it should show Jan 22 2018 01:40 PM which was the current time of my posting.

When i scroll fast drumjs blocks and doesn't respond to gestures anymore (on android and ios), there are no error messages in the console.

Hi, but where I can change speed of each drum?

I touched the dropdown and i drag outside vertically its creating issue , options are not working .How fix dragable area.

I am using HammerJS v2.0.4 (independent - no Hammer jQuery Plugin). I wanted to have a callback function with my own parameters. I am not sure how to pass custom parameters to gesture callback function. Here what I am trying to do (without custom parameters):

// get hammer fuction 
function getGesture(element){
// instantiate hammer - $(this).get[0] gives me a <div>  
var gesture =  new Hammer.Manager($(this).get[0]);

// add hammer gestures
gesture.add(new Hammer.Pan({ threshold: 0, pointers: 0 }));
gesture.add(new Hammer.Swipe()).recognizeWith(gesture.get('pan'));

// gesture and callback without custom parametr
gesture.on('panstart panmove', this.panRecognizer); 

// But I wanted something like 
// gesture.on('panstart panmove', this.panRecognizer, this) 
// where 'this' is a custom parameter

gesture.on('swipe', this.swipeRecognizer); // same as above
}

function panRecognizer(ev, self){
// do something with self and ev
}

function swipeRecognizer(ev, self){
// do something with self and ev
}

can anyone help me with this please?