#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));
});
};
})();
thで呼び出されたクリックイベントに可視性チェックを追加します。それぞれの変数に#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;
}
});
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加