如何使用jQuery在Android设备中显示下拉行？

Question

你能告诉我如何使用jQuery + jQuery UI和jQuery Mobile制作这种类型的列表视图吗？我可以在列表中添加行，但我需要在每行添加任何图标。单击每个图标应该应该使用此菜单选项。点击按钮后我就能排成一行。单击添加按钮后会生成行。我需要在每行的每个图标上添加弹出屏幕。

http://jsfiddle.net/FZQ8D/24/

function createTestCase(testCaseName,iscreatedFromScript,jsonObject) {
    var id;
    if (typeof ($("#testCaseContainer li:last").attr('id')) == 'undefined') {
        id = "tc_1";
        var index = id.indexOf("_");
        var count = id.substring(index + 1, id.length);
        count = parseInt(count);
        var conunter = count;
    } else {
        id = $("#testCaseContainer li:last").attr('id');
        var index = id.indexOf("_");
        var count = id.substring(index + 1, id.length);
        count = parseInt(count);
        var conunter = count;
        id = id.substring(0, index) + "_" + parseInt(count + 1);
    }
    var html = '<div class="testcaselist_row">' + '<ul>' + '<li id="' + id + '" class="clickTestCaseRow"><a href="#" style="color: #ffffff!important;">' + id + '</a></li>' + '</ul>' + '</div>';
    $('#testCaseContainer').append(html).enhanceWithin();

}

Answer 1

为了帮助您入门，您需要：

1. 创建一个菜单句柄元素，该元素需要与列表项一致。
2. 创建菜单本身。我是内联的，但是你可以在别的地方做到这一点。
3. 绑定事件处理程序以显示或隐藏菜单onclick。我使用自定义data属性将三点手柄链接到相应的菜单div。

我添加到your demo以显示此基本功能。它仍然需要额外的工作（它仍然有bug），但应该开始扩展其功能，以实现最终目标。