Jquery 移动设备 - 向左滑动获取行 ID

Question

我正在使用 Query mobile 向左滑动，这有效并向我显示了一个警告 window，说明您滑动了。但是我在警报中没有得到任何 ID。

    $(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>

Answer 1

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

Jquery 移动设备 - 向左滑动获取行 ID

Jquery Mobile - swipe left get row id

jquery

jquery-mobile