我遇到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/