                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

哪位帮我看看哪里错了

<body>

<div>hi</div>

<input type="button" value="左移" id="left"></input>

<input type="button" value="右移" id="right"></input>

<script type="text/javascript">

$(function () {

$("#left").bind("click",function(){

$("div").animate({

left:"+=50px"},2000,function (){

$(this).html("left hi");

});

});

$("#right").bind("click",function(){

$("div").animate({

right:"+=50px"},2000,function (){

$(this).html("right hi");

});

});

});

/*$(this).animate({

height:"+=60px",

width:"+=60px"

},2000,function () {$("p").html("OK")});*/

</script>

</body>

tuangelin

2016-03-24

源自：jQuery基础课程 7-13

关注问题我要回答

242

操作

收起

5 回答

戴眼镜的粉红兔子
2016-03-25

清空下缓存试试

0 回复有任何疑惑可以回复我~

tuangelin 提问者
2016-03-25

就是在课程网页里写的代码，我把你的代码复制过去了，还是不行，是因为在网页里不能运行吗

0 回复有任何疑惑可以回复我~

戴眼镜的粉红兔子
2016-03-25

有4点

1、检查是否引入JQuery框架地址

2、div元素加position：releative或position:absolute

3、向左移动是 left : "-=50px"

4、向右移动是 left : "+=50px"

0 回复有任何疑惑可以回复我~

tuangelin 提问者
2016-03-24

还是不行，可是看着没问题啊，你也加了position了

0 回复有任何疑惑可以回复我~

心灵的告诫
2016-03-24

给你div加个position:relative的属性，另外你的left应该是-=50px；还有，后面的向右移动最好也用left:"+=50px"；我把我改好的给你，你试试看

  <body>
    <div style="position: relative;">hi</div>
    <input type="button" value="左移" id="left"></input>
    <input type="button" value="右移" id="right"></input>
    <script type="text/javascript">
    $(function () {
        $("#left").bind("click",function(){
               $("div").animate({
                left:"-=50px"},2000,function (){
                    $(this).html("left hi");
            });
        });
        $("#right").bind("click",function(){
               $("div").animate({
                left:"+=50px"},2000,function (){
                    $(this).html("right hi");
            });
        });
         
    });
    </script>
</body>

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154699 人
解答问题 7289 个

加入课程学习，有效提高前端开发速度

哪位帮我看看哪里错了

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号