diff options
| author | isteven <isteven@server.fake> | 2014-05-21 16:43:04 +0800 |
|---|---|---|
| committer | isteven <isteven@server.fake> | 2014-05-21 16:43:04 +0800 |
| commit | 76b4c448a9212a9c2a0942557e0a533531a308aa (patch) | |
| tree | 60ac94ac965f2379df77cd97e3e289619f48116b /angular-multi-select.js | |
| parent | 2ef3dc3f4413455c3050cd09c7e77d376671f8b4 (diff) | |
| download | angular-multi-select-76b4c448a9212a9c2a0942557e0a533531a308aa.zip angular-multi-select-76b4c448a9212a9c2a0942557e0a533531a308aa.tar.gz angular-multi-select-76b4c448a9212a9c2a0942557e0a533531a308aa.tar.bz2 | |
added touchstart event and some css updates
Diffstat (limited to 'angular-multi-select.js')
| -rw-r--r-- | angular-multi-select.js | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/angular-multi-select.js b/angular-multi-select.js index e8e0ce8..4dfd6b7 100644 --- a/angular-multi-select.js +++ b/angular-multi-select.js @@ -64,7 +64,7 @@ angular.module( 'multi-select', ['ng'] ).directive( 'multiSelect' , [ '$sce', '$ '<button type="button" class="multiSelect button multiSelectButton" ng-click="toggleCheckboxes( $event ); refreshSelectedItems();" ng-bind-html="varButtonLabel" ng-focus="onFocus()" ng-blur="onBlur()">' + '</button>' + '<div class="multiSelect checkboxLayer hide">' + - '<div class="multiSelect line">' + + '<div class="multiSelect line" ng-show="displayHelper( \'all\' ) || displayHelper( \'none\' ) || displayHelper( \'reset\' )">' + '<span ng-if="!isDisabled && ( displayHelper( \'all\' ) || displayHelper( \'none\' ) || displayHelper( \'reset\' ))">Select: </span>' + '<button type="button" ng-click="select( \'all\' )" class="multiSelect helperButton" ng-if="!isDisabled && displayHelper( \'all\' )">All</button> ' + '<button type="button" ng-click="select( \'none\' )" class="multiSelect helperButton" ng-if="!isDisabled && displayHelper( \'none\' )">None</button> ' + @@ -421,8 +421,8 @@ angular.module( 'multi-select', ['ng'] ).directive( 'multiSelect' , [ '$sce', '$ $scope.isDisabled = newVal; }); - // Monitor for clicks outside the button element to hide the checkboxes - angular.element( document ).bind( 'click' , function( e ) { + // Monitor for clicks or touches outside the button element to hide the checkboxes + angular.element( document ).bind( 'click touchstart' , function( e ) { var checkboxes = document.querySelectorAll( '.checkboxLayer' ); if ( e.target.className.indexOf( 'multiSelect' ) === -1 ) { for( i=0; i < checkboxes.length; i++ ) { |