为了账号安全,请及时绑定邮箱和手机立即绑定

请问这段代码有什么问题,这样连起来写有问题?

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>jQuery动画特效</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <style>
            div{
                position:relative;
                margin:5px;
                width:100px;
                height:100px;
                border:2px solid #999;
                background:#f60;
                
                }
        </style>
    </head>
    <body>
        <button class="i">按钮1--左移动</button>
        <button class="j">按钮2--右移动</button>
        <div>hello world</div>
        <script type="text/javascript">
            $(function)(){
                $(".i").bind("click",function(){
                    $("div").animate({
                        left:"+=50px" },1000,function(){
                    $(".j").bind("click",function(){
                        $("div").animate({
                        right:"-=50" },1000,function()
                        {$("div").html(执行结束!)})
                    })})})}
                       
        </script>
    </body>
</html>

正在回答

3 回答

你的错误太多了,我在你的代码基础上给你改的,你自己对比看一下。注意代码书写规范,你的写的有点乱。

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

一个爱狗的男生 提问者

我 是把 animate的第三个callback 绑定第二个事件里面了。好像并不能实现。
2016-04-14 回复 有任何疑惑可以回复我~
#2

漩涡鸣人007 回复 一个爱狗的男生 提问者

你可以把 callback执行的操作写在外面,然后在animate中直接调用
2016-04-14 回复 有任何疑惑可以回复我~
#3

漩涡鸣人007 回复 一个爱狗的男生 提问者

$(".i").bind("click",function(){ $("div").animate({left:"-=50px" },1000,callBack) }); $(".j").bind("click",function(){ $("div").animate({left:"+=50px" },1000,callBack) }); function callBack(){//写成函数,直接调用 $("div").html("执行结束!") }
2016-04-14 回复 有任何疑惑可以回复我~

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>jQuery动画特效</title>

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <style>

            div{

                position:relative;

                margin:5px;

                width:100px;

                height:100px;

                border:2px solid #999;

                background:#f60;

                left:200px;

                }

        </style>

    </head>

    <body>

        <button class="i">按钮1--左移动</button>

        <button class="j">按钮2--右移动</button>

        <div>hello world</div>

        <script type="text/javascript">

            $(function(){

                $(".i").bind("click",function(){

                    $("div").animate({left:"-=50px" },1000)

});

$(".j").bind("click",function(){

$("div").animate({left:"+=50px" },1000,function(){

$("div").html("执行结束!")

})

});

})

                       

        </script>

    </body>

</html>


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

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

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

进入课程

请问这段代码有什么问题,这样连起来写有问题?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信