Question

我已经将拖放搜索作为我正在进行的UI实验的一部分进行了攻击。

到目前为止，我有这个：

http://jsfiddle.net/craigie2204/pJDPQ/20/

拖动天气按钮时，只会显示下雨。我的问题（s？）是：

例如，这可以是一个加法过程吗？用户下降显示下雨的天气，但周二也会下降。那么表格能否显示周二下雨的所有搜索结果？如果是这样，您可以提供有关如何实现这一目标的任何参考。

此外，我还尝试在函数上设置一个时间间隔，以检查droppable div是否具有类。这样，如果用户删除了可拖动项，则从搜索中删除与此div关联的字符串。这似乎没有用，任何机构都能指出我如何做到这一点（如果可以的话）。

与往常一样，如果你想把JSfiddle当作我的客人。

PS。如上所述，代码有点杂乱，因为我只是在网上找到了一些代码，以获得所需的用户体验，所以提前抱歉。

谢谢你们，

克雷格

$(function () {
var $result = $('.result');
$('.drag').draggable({

});
$('.drop').droppable({
    drop: function (e, ui) {
        outputResult(ui.draggable);
    }
});


setInterval (outputResult(elm), 100);

function outputResult(elm) {
    if ($(elm).hasClass('oweatherType')) {

        searchTable("rain");

    } else if ($(elm).hasClass('oday')) {
        searchTable("Tuesday");
    } else if ($(elm).hasClass('olocation')) {
                searchTable("Scotland");
    }
}

});

function searchTable(weatherSelect) {
var table = $('#tblData');
table.find('tr').each(function (index, row) {
    var allCells = $(row).find('td');
    if (allCells.length > 0) {
        var found = false;
        allCells.each(function (index, td) {
            var regExp = new RegExp(weatherSelect, 'i');
            if (regExp.test($(td).text())) {
                found = true;
                return false;
            }
        });
        if (found === true) $(row).show();
        else $(row).hide();
    }
});
}

在DOM中搜索表

0 个答案: