Jquery Mobile - 向左滑动获取行ID

时间:2017-10-26 08:57:33

标签: jquery jquery-mobile

我正在使用Query mobile向左滑动工作,并启动了一个警告窗口,说明您刷过。但我在警报中没有得到任何身份。



    $(function(){
    // Bind the swipeleftHandler callback function to the swipe event on div.box
    $(".row").on( "swipeleft", swipeleftHandler );
    // Callback function references the event target and adds the 'swipeleft' class to it
    function swipeleftHandler( e ){
        $id =  e.target.id;
        alert( 'You swiped ' + $id  );
    }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.min.css" rel="stylesheet"/>

<table class="alert-table" cellspacing="0" cellpadding="0">         
    <tr>
        <th>Date/Time</th>               
        <th>Alert</th>
        <th>Acknowledged By</th>
        <th>&nbsp;</th>
    </tr>   
    <tr id="12345" class="row {% cycle 'tr-1' 'tr-2' %}">
        <td>01/01/2017 3:41</td>
        <td>
            Device: Server <br/>
            Component: CPU <br />             
            Alert: 100%
        </td>
        <td>Bill Jones</td>
        <td></td>

    </tr>
    <tr id="12346" class="row {% cycle 'tr-1' 'tr-2' %}">
        <td>01/01/2017 4:41</td>
        <td>
            Device: Switch 02<br/>
            Component: Port 10 <br />             
            Alert: Down
        </td>
        <td>Fred Smith</td>
        <td></td>

    </tr>
</table>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

尝试$id = $(this).attr('id');而不是$id = e.target.id;。 它应该工作