Jquery mobile 为jQuery mobile Flip-toggle开关注册虚拟taphold事件

Jquery mobile 为jQuery mobile Flip-toggle开关注册虚拟taphold事件,jquery-mobile,jquery,Jquery Mobile,Jquery,我不知道如何为一个事件注册tapphold事件。我使用下面的代码进行了尝试 <div data-role="fieldcontain"> Sex <select name="sex" id="id" data-role="slider"> <option value="off">Male</option> <option value="on">Female</option>

我不知道如何为一个事件注册
tapphold
事件。我使用下面的代码进行了尝试

<div data-role="fieldcontain">
    Sex 
    <select name="sex" id="id" data-role="slider">
        <option value="off">Male</option>
        <option value="on">Female</option>
    </select>
</div>
而且,因为实际的
标记是隐藏的,并且开关是通过以下html呈现的

<div role="application" class="ui-slider ui-slider-switch ui-btn-down-c ui-btn-corner-all ui-focus">
    <span class="ui-slider-label ui-slider-label-a ui-btn-active ui-btn-corner-all" role="img" style="width: 100%">Female</span>
    <span class="ui-slider-label ui-slider-label-b ui-btn-down-c ui-btn-corner-all" role="img" style="width: 0%">Male</span>
    <div class="ui-slider-inneroffset">
        <a href="#" class="ui-slider-handle ui-btn ui-shadow ui-btn-corner-all ui-slider-handle-snapping ui-focus ui-btn-up-c" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" role="slider" aria-valuemin="0" aria-valuemax="1" aria-valuenow="on" aria-valuetext="Female" title="Female" aria-labelledby="eforms_patient_sex-label" style="left: 100%">
            <span class="ui-btn-inner ui-btn-corner-all">
                <span class="ui-btn-text"/>
            </span>
        </a>
    </div>
</div>
但虚空确实起了作用。所以 如何为jQuery mobile Flip-toggle switch注册虚拟taphold事件?

//编辑


我通过opera dragonfly在
标签中添加了
onclick
函数,它成功了。因此,将事件注册到
是正确的方法。但是上面的代码不起作用。

该事件称为taphold而不是tabhold。

这很尴尬,但在更改为
taphold
后,我仍然无法注册该事件。
<div role="application" class="ui-slider ui-slider-switch ui-btn-down-c ui-btn-corner-all ui-focus">
    <span class="ui-slider-label ui-slider-label-a ui-btn-active ui-btn-corner-all" role="img" style="width: 100%">Female</span>
    <span class="ui-slider-label ui-slider-label-b ui-btn-down-c ui-btn-corner-all" role="img" style="width: 0%">Male</span>
    <div class="ui-slider-inneroffset">
        <a href="#" class="ui-slider-handle ui-btn ui-shadow ui-btn-corner-all ui-slider-handle-snapping ui-focus ui-btn-up-c" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" role="slider" aria-valuemin="0" aria-valuemax="1" aria-valuenow="on" aria-valuetext="Female" title="Female" aria-labelledby="eforms_patient_sex-label" style="left: 100%">
            <span class="ui-btn-inner ui-btn-corner-all">
                <span class="ui-btn-text"/>
            </span>
        </a>
    </div>
</div>
$('#id').parent().find('[role="application"]').live('taphold', function(){
    console.log("taphold");
});