最近我在使用jQuery的時候遇到了一個問題,就是設置樣式left沒有效果。
$(document).ready(function(){ $(‘#myDiv’).css(‘left’,’100px’); });
我一開始以為是代碼寫錯了,但是檢查了很多遍都沒有發現錯誤。于是我開始慢慢的排查問題。
首先我檢查了一下是否引入了jQuery庫文件,但是我已經引入了。
<script src=‘jquery.min.js’></script>
然后我檢查了一下myDiv是否存在,但是我也已經確認它存在。
<div id=‘myDiv’>這是一個測試div</div>
最后我找到了問題,原來是因為我的div是絕對定位的,而jQuery的css()方法默認是相對定位,所以設置left屬性沒有生效。我只需要將css()方法改為animate()方法,并設置position屬性即可。
$(document).ready(function(){ $(‘#myDiv’).animate({left:‘100px’},1000).css({position:‘absolute’}); });
經過以上處理,我成功解決了設置樣式left沒有效果的問題。