isDestroyed()
更新日: 2019-12-19
item.isDestroyed()
アイテムが削除済みかどうかを返します。
パラメータ
無し
戻り値
boolean
- アイテムが削除済みかどうかを返します。
true
の場合は削除済み、false
の場合は未削除です。
var isDestroyed = item.isDestroyed();
デモ
"isDestroyed"ボタンを押すと、console.log
を出力します。
アイテム1
アイテム2
アイテム3
JavaScript
var grid = new Muuri('.grid');
var elem = document.querySelector('.item:first-child');
var destroyedItem = grid.remove([elem], {removeElements: true});
document.querySelector('.is-destroyed').addEventListener('click', function(){
if (destroyedItem[0].isDestroyed()) {
console.log('item1 is destroyed');
}
});
HTML
<div class="grid">
<div class="item">
<div class="item-content">アイテム1</div>
</div>
<div class="item">
<div class="item-content">アイテム2</div>
</div>
<div class="item">
<div class="item-content">アイテム3</div>
</div>
</div>
CSS
.grid {
position: relative;
}
.item {
display: block;
position: absolute;
width: 100px;
height: 100px;
margin: 5px;
z-index: 1;
color: #000;
border: 1px solid #000;
}
.item-content {
position: relative;
width: 100%;
height: 100%;
}
© 2015 Haltu Oy. Licensed under the MIT license
このコンテンツはHaltuによるMuuriドキュメントを翻訳/改変したものです。