我正在使用以下代码为id为“ div”的div设置边距CSS样式的动画。
HTML：
<div id="div">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<button id="trigger">
Change Margin
</button>
</div>
Javascript（在头部）：
<script type="text/javascript" src="scripts/jquery-1.11.0.min.js"></script>
<script>
$("trigger").mouseup(function() {
$("div").animate({
marginTop: "-20px"
});
});
</script>
但是，当我单击按钮时，什么也没有发生……为什么？
JSFiddle：http : //jsfiddle.net/zLx5U/
1）trigger是id您的jquery代码中缺少的“＃”。
2）将jQuery代码包装在中document.ready。
$(document).ready(function(){
$("#trigger").mouseup(function() {
$("div").animate({
marginTop: "-20px"
});
});
});
请看这个小提琴。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句