如何使用jQuery检测选框是否在按钮单击上滚动?
<marquee>Scrolling text here, moving constantly</marquee>
<button id="btnCheck">Button</button>
&#13;
我的jQuery代码如下:
$(function (){
var marquee = $("marquee")[0];
$("#btnCheck").click(function (){
// How to check if marquee is scrolling here
});
});
答案 0 :(得分:3)
您可以在p
内添加marquee
并检查其left
位置。如果它被更改,那么您的marquee
会滚动,否则就不会像这个片段一样:
$(function() {
$("#btnCheck").click(function() {
var initialLeft = $('marquee > p').position().left;
setTimeout(function() {
var currentLeft = $('marquee > p').position().left;
if (initialLeft !== currentLeft) {
alert("Marquee is scrolling!");
}else{
alert("Marquee is not scrolling");
}
}, 100);
});
});
p {
margin: 0
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<marquee loop="1"><p>Scrolling text here, moving constantly</p></marquee>
<button id="btnCheck">Button</button>
P / S:
此(HTML
<marquee>
)功能已过时。虽然它可能仍然适用于某些浏览器, 不鼓励使用它,因为它可以随时删除。尝试 避免使用它。