isStable
سيعيد قيمة صحيح عندما يكون العنصر مستقرًا (ليس في حالة حركة) أو خطأ عندما يكون غير مستقر (في حالة حركة).
ملاحظة: من الأفضل تعطيل الرسوم المتحركة بدلاً من استخدام هذا الأمر.
الاستخدام
$(selector).isStable()
أمثلة
index.html
<head>
<style>
div {
width: 200px;
height: 200px;
background-color: red;
}
#has-animation {
animation: 3s 0s alternate slidein;
}
@keyframes slidein {
from {
margin-left: 100%;
width: 300%;
}
to {
margin-left: 0%;
width: 100%;
}
}
</style>
</head>
<body>
<div #has-animation></div>
<div #has-no-animation></div>
</body>
isStable.js
it('should detect if an element is stable', async () => {
let element = await $('#has-animation');
console.log(await element.isStable()); // outputs: false
element = await $('#has-no-animation')
console.log(await element.isStable()); // outputs: true
});
العوائد
- <Boolean>
return
: صحيح إذا كان العنصر مستقرًا، خطأ إذا كان غير مستقر