为什么没有效果-慕课网

为什么没有效果

来源：1-1 使用load()方法异步请求数据

qq_清风扶月_0

2019-04-23 15:04

<!DOCTYPE html >

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>使用load()方法异步请求数据</title>

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

    <link href="style.css" rel="stylesheet" type="text/css" />

</head>



<body>

<div id="divtest">

    <div class="title">

        <span class="fl">我最爱吃的水果</span>

        <span class="fr">

            <input id="btnShow" type="button" value="加载" />

        </span>

    </div>

    <ul></ul>

</div>



<script type="text/javascript">

    $(function(){

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

            var $this=$(this);

            $("ul")

                .html("<img src='Images/Loading.gif' alt=''/>")

                .load("https://www.imooc.com/data/fruit_part.html",function(){

                    $this.attr("disabled","true");

                });

        })

    });

</script>

</body>

</html>

写回答关注