JqTouch - 检测动画的触发器

Question

我有另外一个问题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 这可能是问题的一部分......

Answer 1

如果您只是想传递单击的列表项的信息，您可以将 附加onClick="function(event)"到项目...

<li><a id="1" title="first" onClick="send(event)" href="#singleplace">Place 1</a></li>

然后在js中...

function send(event) {
    x=event.target;
}

在哪里x.id=='1' x.title==first & x.text=='Place 1'

希望有点帮助。