index ul li touchstart

时间:2015-02-11 06:13:27

标签: jquery html

你可以像使用touchstart一样检索ul li的索引,就像点击功能一样吗?

<ul id = "list" ontouchstart="touchStart(event,'issues')">
                    <li>
                        <h1>header 1</h1>
                        <p>tekst1</p>
                        <a class="next" href="#">next</a>
                    </li>
                    <li>
                        <h1>header 1</h1>
                        <p>tekst1</p>
                        <a class="next" href="#">next</a>
                    </li>
                     <li>
                        <h1>header 1</h1>
                        <p>tekst1</p>
                        <a class="next" href="#">next</a>
                    </li>
</ul>

点击标签,我使用:

$('#list li a').click(function()  {

var ind =  $(this).closest('li').index()   ;
});

但是对于touchsmart来说,它还没有工作

1 个答案:

答案 0 :(得分:0)

问题是您在touchstart组件上使用ul并且您正试图找到closet&gt;坐在li ultouchstart。因此,只需将处理程序更改为所需的<a>标记,然后按照click处理程序中的操作获取索引,

<ul id="list">
    <li>
        <h1>header 1</h1>
        <p>tekst1</p> <a class="next" href="#" ontouchstart="touchStart(event,'issues')">next</a>
    </li>
    <li>
        <h1>header 1</h1>
        <p>tekst1</p> <a class="next" href="#" ontouchstart="touchStart(event,'issues')">next</a>
    </li>
    <li>
        <h1>header 1</h1>
        <p>tekst1</p> <a class="next" href="#" ontouchstart="touchStart(event,'issues')">next</a>

    </li>
</ul>

而且,这将是锻炼。