tonyair/webpack-bootstrap-ui-kit
1
0
Fork 0
mirror of https://github.com/a2nt/webpack-bootstrap-ui-kit.git synced 2024-10-22 11:05:45 +02:00
Code Issues Projects Releases Wiki Activity

IMPROVEMENT: Detect touch screen

Browse Source
This commit is contained in:
Tony Air 2020-02-18 01:06:39 +07:00
parent 0ed834a7bb
commit b2001023a6
2 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/js/_components/_ui.hover.js
View File

@ -7,7 +7,7 @@ import $ from 'jquery';
import Events from '../_events';
import 'jquery-hoverintent/jquery.hoverIntent.js';
const HoverUI = (($) => {
const HoverUI = ($ => {
// Constants
const W = window;
const D = document;
@ -36,8 +36,8 @@ const HoverUI = (($) => {
$target = $target
? $target
: $parent
? $parent.find('.dropdown-menu')
: null;
? $parent.find('.dropdown-menu')
: null;
if (!$target || !$target.length) {
console.warn(`${NAME}: Missing target for:`);
@ -51,7 +51,7 @@ const HoverUI = (($) => {
ui.$triger = $triger;
// integrate with dropdown-toggle
$('[data-toggle="dropdown"]').on('click touch', (e) => {
$('[data-toggle="dropdown"]').on('click touch', e => {
ui.hide();
});
@ -68,8 +68,11 @@ const HoverUI = (($) => {
});
}
$el.on('click touch', (e) => {
if (!$el.data('allow-click')) {
$el.on('click touch', e => {
if (
!$el.data('allow-click') ||
(W.IsTouchScreen && !$el.data('allow-touch-click'))
) {
e.preventDefault();
}
@ -151,7 +154,7 @@ const HoverUI = (($) => {
});
// rewrite 'bootstrap/js/dist/dropdown'
$('[data-toggle="dropdown"]').on('click touch', (e) => {
$('[data-toggle="dropdown"]').on('click touch', e => {
e.preventDefault();
const $el = $(e.currentTarget);

10
src/js/_main.js
View File

@ -15,7 +15,7 @@ import FormBasics from './_components/_ui.form.basics';
import SmoothScroll from 'smooth-scroll';
const smoothScroll = SmoothScroll();
const MainUI = (($) => {
const MainUI = ($ => {
// Constants
const W = window;
const D = document;
@ -126,6 +126,8 @@ const MainUI = (($) => {
hash: '',
};
W.IsTouchScreen = 'ontouchstart' in window || navigator.msMaxTouchPoints;
class MainUI {
// Static methods
@ -174,7 +176,7 @@ const MainUI = (($) => {
//
// scroll links
$('.js-scrollTo').on('click', (e) => {
$('.js-scrollTo').on('click', e => {
e.preventDefault();
const el = e.currentTarget;
const $el = $(e.currentTarget);
@ -203,7 +205,7 @@ const MainUI = (($) => {
}
// data-set links
$('[data-set-target]').on('click', (e) => {
$('[data-set-target]').on('click', e => {
const $el = $(e.currentTarget);
const $target = $($el.data('set-target'));
@ -227,7 +229,7 @@ const MainUI = (($) => {
});
// emulate links
$('.a[data-href]').on('click', (e) => {
$('.a[data-href]').on('click', e => {
const $el = $(e.currentTarget);
const href = $el.data('href');
if (!href.length) {