jquery mobile's a href "performance" question
I have a jquery mobile's page，the code below
<div data-role="page">
<script type="text/javascript">
$(function()
{
$('a#fastclick').on(clickEvent, function(e)
{
alert($(this).attr("href"));
});
});
</script>
<ul data-role="listview">
<a href="Device.html" id="fastclick">Device</a>
<li>
<a href="Device.html" id="fastclick">Device</a></li>
</ul>
</div>
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)
PS
I have already use "vclick" or "fastclick plugin"
