热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Append加载动态轮播

前几天遇到了些小麻烦,不过很快就解决了。之所以要记下来是因为作为一名前端的程序员,要理解页面的加载顺序是最重要的。要不然自己写程序意外的出现bug~~刚开始写利用Append的时候

前几天遇到了些小麻烦,不过很快就解决了。之所以要记下来是因为作为一名前端的程序员,要理解页面的加载顺序是最重要的。要不然自己写程序意外的出现bug~~

刚开始写利用Append的时候,利用火狐的firebug查看元素class里面swiper-slide还在,可是轮播的时候没有动态的效果。数据库里有轮播的五条数据。。。。。

首先加载顺序一定要理解:

下面是我的js代码

 1 $(function(){
 2     showCarousel();//轮播动态数据
 3 });
 4 /*** 
 5 * ** Date: 2017/01/09
 6 * ** Author: Black_Jay郗
 7 * ** Function: 轮播动态   (需要注意加载顺序)
 8 ***/
 9 function showCarousel(){
10     //var str001 = ‘‘
11     $.ajax({
12         url: ‘’,
13         type: ‘Post‘,
14         dataType: ‘json‘,
15         success: function(data) {
16             for ( var i = 0 ; i  ) {
17                 var url = data[i].Url;
18                 var image = data[i].Image;
19                 lunbo(url,image);
20             }
21             //$.parser.parse(str001);
22             var mySwiper = new Swiper(‘#slide‘,{
23                 pagination: ‘.pagination‘,
24                 slidesPerView: 1,
25                 paginationClickable: true,
26                 preloadImages: false,
27                 lazyLoading: true,
28                 autoplay: 5000,
29                 autoplayDisableOnInteraction: false,
30                 loop: true
31             });
32         }
33     });
34     function lunbo(url,image){
35         $("#showCarousel").append("
" 36 +"" 37 +"" 38 +"" 39 +"
"); 40 } 41 }

想必这样的加载顺序就可以迎刃而解了。

关于页面的加载顺序的分析,以后工作中遇到问题。在与大家一起讨论。。!~

Append加载动态轮播


推荐阅读
  • 本文介绍如何使用阿里云的fastjson库解析包含时间戳、IP地址和参数等信息的JSON格式文本,并进行数据处理和保存。 ... [详细]
  • andr ... [详细]
  • 并发编程:深入理解设计原理与优化
    本文探讨了并发编程中的关键设计原则,特别是Java内存模型(JMM)的happens-before规则及其对多线程编程的影响。文章详细介绍了DCL双重检查锁定模式的问题及解决方案,并总结了不同处理器和内存模型之间的关系,旨在为程序员提供更深入的理解和最佳实践。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 本文详细介绍了Git分布式版本控制系统中远程仓库的概念和操作方法。通过具体案例,帮助读者更好地理解和掌握如何高效管理代码库。 ... [详细]
  • 使用GDI的一些AIP函数我们可以轻易的绘制出简 ... [详细]
  • 优化局域网SSH连接延迟问题的解决方案
    本文介绍了解决局域网内SSH连接到服务器时出现长时间等待问题的方法。通过调整配置和优化网络设置,可以显著缩短SSH连接的时间。 ... [详细]
  • MATLAB实现n条线段交点计算
    本文介绍了一种通过逐对比较线段来求解交点的简单算法。此外,还提到了一种基于排序的方法,但该方法较为复杂,尚未完全理解。文中详细描述了如何根据线段端点求交点,并判断交点是否在线段上。 ... [详细]
  • 本文介绍如何在Linux服务器之间使用SCP命令进行文件传输。SCP(Secure Copy Protocol)是一种基于SSH的安全文件传输协议,支持从远程机器复制文件到本地服务器或反之。示例包括从192.168.45.147复制tomcat目录到本地/home路径。 ... [详细]
  • 本文详细介绍了如何在CentOS 7操作系统上安装和配置Grafana,包括必要的依赖项安装、插件管理以及服务启动等步骤。 ... [详细]
  • 本题探讨如何通过最大流算法解决农场排水系统的设计问题。题目要求计算从水源点到汇合点的最大水流速率,使用经典的EK(Edmonds-Karp)和Dinic算法进行求解。 ... [详细]
  • 本文介绍如何通过SSH协议使用Xshell远程连接到Ubuntu系统。为了实现这一目标,需要确保Ubuntu系统已安装并配置好SSH服务器,并保证网络连通性。 ... [详细]
  • 落樱3D v0.5是一款在Android平台上发布的3D美少女格斗游戏,本次更新带来了多项新功能和优化。 ... [详细]
  • 回顾2014年,我经历了多个重要项目和学习阶段,取得了一定的成绩。新的一年即将到来,希望能在更多项目实践中继续成长。 ... [详细]
  • HDU 1394:线段树优化求解逆序对问题
    本文介绍如何使用线段树高效求解排列中的逆序对问题。通过单点增减和区间求和操作,线段树能够快速处理此类问题,并提供了一种替代树状数组的解决方案。 ... [详细]
author-avatar
大西guoguo_120
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有