我遇到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
这可能是问题的一部分...

最佳答案

如果您只是想传递点击列表项的信息,则可以在列表项上附加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'
希望有点帮助。

关于javascript - JqTouch-检测动画的触发器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2382166/

10-09 14:48