:heavy_dollar_sign: Vibration API Wrappers

I wonder if you can help..

I'm using the vibrate as such (simplified - so I have an image rollover and touch vibrate - works WONDERFULLY

<script src="/js/jquery.vibrate.min.js"></script>

<script>
$(".lightup").vibrate("short");

function restore_icon() {
        $(this).attr('src',$(this).attr('src').replace("_b.png",".png"));
    };

$('.lightup').on('mousedown', function() {
    $(this).attr('src',$(this).attr('src').replace(".png","_b.png"));  
    setTimeout(restore_icon.bind(this),500);
    });
</script>

<div layout="row" layout-align="space-between" style="padding:0px; text-align: left; margin:2px; border:2px solid black;">
<img class="lightup" src="http://www.scargill.net/icons/timed.png" ng-click="send({payload: 'p1dn' })" height="24px"/>
</div>

However... on a NON-mobile - my text ends up totally garbled... some bracket info which should only display as "P1: 01:00 T1:16c" before the image... ends up like this..

{{"P1: "+ msg.payload.p1}} {{"T1: "+ msg.payload.t1 + "c"}}

In my example above how could I test to ensure this only happens in a mobile - or is there something else wrong - it absolutely works a treat on an android mobile..

Hi,

today I was trying to include your plugin and use it through jQuery.

The way you've done it is superawesome but it has a logical bug that breaks everything if the browser doesn't support Vibration API.

Practically on iOS and Safari for OSX my javascript is crashing because I cannot chain the call since you're not returning something. See this text example: http://jsbin.com/biqeruwume/1/

The affected line is this one, you're just returning something if Vibration API is there, while you should return always but do you stuff if you can do ( likely in your case, if you can use Vibration API ): https://github.com/Illyism/jquery.vibrate.js/blob/master/src/coffee/jquery.vibrate.coffee#L49

Thanks in advice!

I installed the FireFox browser on my iPhone 5s and attempted to try the demo here: https://illyism.github.io/jquery.vibrate.js/ (I did this because the following MDN link explains that it's only supported on FireFox: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/vibrate)

However, upon clicking the various "try it" buttons on the page, the vibration never occurred. Please let me know if there are additional device settings that need to be in place.

Would be beneficial to provide an example on custom events. The trigger parameter can be overwritten, thus can be assigned any event. I presume an example of this would be beneficial, as the only way I discovered this was possible was by inspecting the code. Going to test it first, and then post an example.

$(document).vibrate({trigger:"someCustomEvent"});
$(document).trigger("someCustomerEvent");

Tested and working on Chrome. May work with $.vibrate but didn't examine the code closely enough.

This issue was changed upon inspecting the code