在jquery将其他html插入页面时显示加载图标

雷佐

我正在使用jquery通过基于表单变量的php通过html获取html搜索结果表,并将其加载到div中。由于查询可能需要一些时间,因此我想显示某种形式的加载动画,但是不确定如何将其集成到我的jquery中。

这是我的代码:

$(function() {
    $('#search_form').submit(function() {
        var data = $("#search_form :input").serializeArray();
        $('#results-panel').addClass('panel-primary');
        var model_id = data[0];
        $("#results").html('');
        $.get("/search/find_products/"+model_id.value, function (data) {
             $("#results").append(data);
        });
        return false;
    });
});

我对jquery还是很陌生,因此此代码可能不是最有效的方法。任何意见,将不胜感激。

凯莉·安德鲁斯(Kelly J Andrews)

使用.show()确实很简单.hide()

$(function() {
    $('#search_form').submit(function() {
        $('#myLoader').show();
        var data = $("#search_form :input").serializeArray();
        $('#results-panel').addClass('panel-primary');
        var model_id = data[0];
        $("#results").html('');
        $.get("/search/find_products/"+model_id.value, function (data) {
             $("#results").append(data);
             $('#myLoader').hide();
        });
        return false;
    });
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML图标未在我网站的某些页面上显示,但在其他页面上显示

来自分类Dev

jQuery:将其他页面中的div加载到div中

来自分类Dev

如何在登录时或执行其他活动时显示加载或 IsBusy 图标

来自分类Dev

在页面加载时显示侧边导航 - Jquery / HTML

来自分类Dev

Javascript无法将其他页面加载到DIV中

来自分类Dev

当浏览器移至其他页面时显示加载图形

来自分类Dev

jQuery在加载时显示1张图像,在鼠标悬停时隐藏其他图像

来自分类Dev

在ViewPager中加载页面时显示进度图标

来自分类Dev

页面加载时显示HTML代码

来自分类Dev

如何更改显示在HTML输入的数据列表中的图标?可以进行隐藏,但是我可以将其更改为其他图标,例如向下箭头吗?

来自分类Dev

当其他加载完成时,如何使jQuery加载开始?

来自分类Dev

HTML 按钮在页面的其他内容之前加载

来自分类Dev

jQuery在页面加载时更改HTML参数

来自分类Dev

显示加载图标,直到页面加载完毕?

来自分类Dev

显示加载图标,直到页面加载完毕?

来自分类Dev

在页面加载时显示第一个div并隐藏其他页面,然后单击菜单项显示其余

来自分类Dev

为什么th:text在其他页面中显示时不希望显示在main.html模板中?

来自分类Dev

如何使隐藏的HTML仅显示在单击时的弹出窗口中,而不显示在页面的其他位置?

来自分类Dev

在执行其他操作时显示动画加载文本

来自分类Dev

重新加载页面时,jQuery pjax无法正常工作。页脚其他男孩的内容不见了

来自分类Dev

jQuery DatePicker显示在其他常规页面元素的后面

来自分类Dev

LocalStorage 值未显示在其他 html 页面中

来自分类Dev

为什么JQuery当包含在其他标记中时仅显示HTML字符?

来自分类Dev

通过将其他内容保持为静态来动态加载页面/内容

来自分类Dev

当页面加载Session()时插入;

来自分类Dev

cURL从其他页面显示

来自分类Dev

如何从图片中提取图标并将其显示在页面中?(通过javascript或jquery或CSS)

来自分类Dev

AngularJS-保存用户输入的文本并将其显示在其他页面中

来自分类Dev

图像加载时显示“正在加载”图标

Related 相关文章

  1. 1

    HTML图标未在我网站的某些页面上显示,但在其他页面上显示

  2. 2

    jQuery:将其他页面中的div加载到div中

  3. 3

    如何在登录时或执行其他活动时显示加载或 IsBusy 图标

  4. 4

    在页面加载时显示侧边导航 - Jquery / HTML

  5. 5

    Javascript无法将其他页面加载到DIV中

  6. 6

    当浏览器移至其他页面时显示加载图形

  7. 7

    jQuery在加载时显示1张图像,在鼠标悬停时隐藏其他图像

  8. 8

    在ViewPager中加载页面时显示进度图标

  9. 9

    页面加载时显示HTML代码

  10. 10

    如何更改显示在HTML输入的数据列表中的图标?可以进行隐藏,但是我可以将其更改为其他图标,例如向下箭头吗?

  11. 11

    当其他加载完成时,如何使jQuery加载开始?

  12. 12

    HTML 按钮在页面的其他内容之前加载

  13. 13

    jQuery在页面加载时更改HTML参数

  14. 14

    显示加载图标,直到页面加载完毕?

  15. 15

    显示加载图标,直到页面加载完毕?

  16. 16

    在页面加载时显示第一个div并隐藏其他页面,然后单击菜单项显示其余

  17. 17

    为什么th:text在其他页面中显示时不希望显示在main.html模板中?

  18. 18

    如何使隐藏的HTML仅显示在单击时的弹出窗口中,而不显示在页面的其他位置?

  19. 19

    在执行其他操作时显示动画加载文本

  20. 20

    重新加载页面时,jQuery pjax无法正常工作。页脚其他男孩的内容不见了

  21. 21

    jQuery DatePicker显示在其他常规页面元素的后面

  22. 22

    LocalStorage 值未显示在其他 html 页面中

  23. 23

    为什么JQuery当包含在其他标记中时仅显示HTML字符?

  24. 24

    通过将其他内容保持为静态来动态加载页面/内容

  25. 25

    当页面加载Session()时插入;

  26. 26

    cURL从其他页面显示

  27. 27

    如何从图片中提取图标并将其显示在页面中?(通过javascript或jquery或CSS)

  28. 28

    AngularJS-保存用户输入的文本并将其显示在其他页面中

  29. 29

    图像加载时显示“正在加载”图标

热门标签

归档