When I put a href link outside the li(The red font),the alert window when I clicked almost immediately pops!
But when I put a href link placed within li(The purple font),it probably wait for 1 to 1.5 seconds(Only on the phone and the tablet, but the computer is very smooth and immediately),and the window will appear
I suspect the problem is the degree of support for CSS or Css was too complex, causing need more computing
Because when click li a href inside, I feeling it will be gone through several stages
Phase one, when I touch the li, the li will first become dark gray background,But then will slowly recover
Phase two, so I really press down and release, the li turns blue
Phase three, the last is the real trigger associated javascript
But jquery mobile CSS syntax was too much, I can probably guess which of several causes the more complex operations, but no way to really determine what is causing this reason
My test platform are as follows
HTC Sensation XL, single CPU, 768M memory (probably will wait about 1 to 1.5 seconds)
ASUS TF201, 4 CPU, 1G memory (probably will wait about 1 second)
*: not (input) / *: not (input) means that if the input box on a page field does not apply to the following restrictions, if you do not add this setting will cause the input box on the page can not enter text * /
{
-webkit-touch-callout: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
}
</ Style>
My test platform for the following:
Computer Chrome
phone Chrome and the native browser
tablet Chrome and the native browser
(I also tested a different phone)
The Chrome's part(shield off successfully)
Computer's
Phone's
tablet's(ASUS Transformer Prime TF201)
The Native browser part(shield off successfully)
HTC NEW ONE:Android 4.12, WebKit 534.30
TF201: Android 4.11, WebKit can not see
Samsong Galaxy Note2: Android 4.12, can't find the Webkit version
THL W8: Android 4.21, can't find the Webkit version
ZTE V987: Android 4.12, can't find the Webkit version
The Native browser part(shield off fail)
HTC Sensation XL: Android 4.03, WebKit 534.30
HTC Sensation: Android 4.03, WebKit 534.30
Sony Xperia S: Android 4.04, can't find the Webkit version
These aforementioned are all Android platform, built-in default webkit browser
I guess,it is probably because of different Android versions of each other and webkit kernel version may also different too
how to solve it??any ideas??
Of course, I also have used the following this JS syntax, but it is the same situation that the test results with the above approach is the same CSS
However(only one line), I just add a "slide to the right" detection code (function is normal too) , the original smooth effect becomes very delay and caton