首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在div中加载html时jquery等待光标

在 div 中加载 HTML 时,jQuery 可以使用 $.ajax()$.get() 方法等待光标。以下是一个简单的示例,说明如何在 div 中加载 HTML 并等待光标。

首先,创建一个 HTML 文件,其中包含一个 div 元素和一个按钮,单击该按钮时将加载 HTML 内容。

代码语言:html
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>jQuery Load HTML Example</title>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
   <button id="loadButton">Load HTML</button>
    <div id="content"></div>

   <script>
        $(document).ready(function() {
            $("#loadButton").click(function() {
                $("#content").html("<img src='https://www.example.com/loading.gif' />");
                loadHTML();
            });

            function loadHTML() {
                $.ajax({
                    url: "example.html",
                    dataType: "html",
                    success: function(data) {
                        $("#content").html(data);
                    }
                });
            }
        });
    </script>
</body>
</html>

在上面的示例中,当用户单击“Load HTML”按钮时,将显示一个加载 GIF 图像,并开始加载 example.html 文件。加载完成后,将其内容插入到 content div 中。

在这个示例中,我们使用了 jQuery 的 $.ajax() 方法来加载 HTML 内容。$.ajax() 方法允许我们指定一个 URL 和数据类型,在这种情况下,我们将数据类型设置为“html”。当加载成功完成时,我们将返回的 HTML 数据插入到 content div 中。

您可以使用类似的方法来等待光标,例如,在加载 HTML 时显示一个加载 GIF 图像。这可以通过在加载内容之前将图像插入到 div 中来实现,然后在加载完成后将其替换为实际内容。

请注意,这个示例中的代码仅用于演示目的,实际应用中可能需要根据具体需求进行调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券