javascript - 当 ($(#addData).is( :"visible")) 时禁用表列排序

Question

只要 #addData 可见，我想禁用表列排序但是当我将 if ($("#addData").is(":hidden")) 应用于 .each() 函数时，它不起作用。

有办法吗？

这是表格排序代码:

$('th:contains(Remote), th:contains(Interval),th:contains(Last), th:contains(Active)')
    .each(function(){

        var th = $(this),
            thIndex = th.index(),
            inverse = false;  

        th.click(function(){

            table.find('td').filter(function(){

                return $(this).index() === thIndex;

            }).sortElements(function(a, b){

                return $.text([a]) > $.text([b]) ?
                    inverse ? -1 : 1
                    : inverse ? 1 : -1;

            }, function(){

                // parentNode is the element we want to move
                return this.parentNode; 

            });

            inverse = !inverse;

        }); 

    });


jQuery.fn.sortElements = (function(){

    var sort = [].sort;

    return function(comparator, getSortable) {

        getSortable = getSortable || function(){return this;};

        var placements = this.map(function(){

            var sortElement = getSortable.call(this),
                parentNode = sortElement.parentNode,

                // Since the element itself will change position, we have
                // to have some way of storing its original position in
                // the DOM. The easiest way is to have a 'flag' node:
                nextSibling = parentNode.insertBefore(
                    document.createTextNode(''),
                    sortElement.nextSibling
                );

            return function() {

                if (parentNode === this) {
                    throw new Error(
                        "You can't sort elements if any one is a descendant of another."
                    );
                }

                // Insert before flag:
                parentNode.insertBefore(this, nextSibling);
                // Remove flag:
                parentNode.removeChild(nextSibling);

            };

        });

        return sort.call(this, comparator).each(function(i){
            placements[i].call(getSortable.call(this));
        });

    };

})(); 

Answer 1

将可见性检查添加到当天调用的点击事件中。如果您将#addData 存储在每个变量中，则可以提高性能。

$('th:contains(Remote), th:contains(Interval),th:contains(Last), th:contains(Active)')
    .each(function(){

        var th = $(this),
            thIndex = th.index(),
            inverse = false;  
        //BOOSTIE: var addData = $('#addData');
        th.click(function(){
            //BOOSTIE: if(addData.is(':hidden'))
            if($("#addData").is(":hidden")) //Check to see if its visible
            {   
              table.find('td').filter(function(){

                  return $(this).index() === thIndex;

              }).sortElements(function(a, b){

                  return $.text([a]) > $.text([b]) ?
                      inverse ? -1 : 1
                      : inverse ? 1 : -1;

              }, function(){

                  // parentNode is the element we want to move
                  return this.parentNode; 

              });

              inverse = !inverse;
            }
        }); 

    });