我遇到的另一个问题是 w/jqTouch... 我试图检测点击了哪个元素来触发动画,以便我可以将参数从点击的项目传递到后续页面。
我的 HTML 是:
<div id="places">
<div class="toolbar">
<h1>Places</h1>
<a class="back" href="#">Back</a>
</div>
<ul>
<li id="1"><a href="#singleplace">Place 1</a></li>
<li id="2"><a href="#singleplace">Place 2</a></li>
<li id="3"><a href="#singleplace">Place 3</a></li>
</ul>
</div>
<div id="singleplace">
<div class="toolbar">
<h1></h1>
<a class="back" href="#">Back</a>
</div>
</div>
当我单击#places 中的任何列表项时,我可以很好地滑到#singleplace,但我试图检测单击了哪个元素,以便我可以将参数传递到#singleplace div。我的 javascript 是:
var placeID;
$('#places a').live('mouseup',function(){
$('#singleplace h1').html($(this).text())
placeID = $(this).parent().attr('id');
})
我尝试了 $(el).live('event', fn()) 方法的几种替代方法,包括:
$('#places a').live('click',fn()...
$('#places a').live('mouseup',fn()...
$('#places a').live('tap',fn()...
$('#places a').tap(fn()...
这些似乎都不起作用。有没有更好的方法可以处理这个问题?我在 jqTouch 的问题页面上注意到,有这样的:http ://code.google.com/p/jqtouch/issues/detail?id=91 这可能是问题的一部分......