前端潘潘

移动端web页面列表类上拉加载，查看详情，iframe嵌套第三方页面遇到的问题以及解决办法

摘要： 1、移动端上拉加载网上有很多成熟的插件，比如iscroll。在这里介绍一下用jquery和js写的上拉加载方法。使用原生的去写上拉加载更多需要三个高度去做对比，以新闻类列表举例，首先需要整个dom的高度，其次需要移动设备窗口的高度，最后需要滚动条距离顶部的高度，移动设备的高度加上滚动条距离顶部的高阅读全文

posted @ 2017-11-01 14:15 前端潘潘阅读(2711) 评论(0) 推荐(0)

控制使用jquery load()方法载入新页面中的元素

摘要：最近在项目中用到jquery的load()方法来加载页面，首先简单说一下load()方法。 load(url,data,callback);该方法接收三个参数，第一个是载入的页面地址，第二个是要传到服务器的参数，第三个是页面加载成功后执行的回调函数。这三个参数中，data和callback是根据具体阅读全文

posted @ 2017-10-13 17:27 前端潘潘阅读(2153) 评论(0) 推荐(0)

bootstrap-daterangepicker双日历控件开始日期选择问题

摘要：在做项目的时候，有这样一个需求，需要选择时间段，于是在网上找了bootstrap的双日历时间控件daterangepicker控件，要选取时间段的年月来与后台进行数据交互，时间控件如下图所示：关于控件的初始化在这里就不做介绍了，初始化完成后选择时间，点击确定按钮会触发控件的回调函数会把你选择的时间阅读全文

posted @ 2017-09-08 16:47 前端潘潘阅读(5268) 评论(0) 推荐(0)

点击select下拉框获取option的属性值

摘要： select下拉框作为前端开发者应该是经常使用的，最近在项目中遇到这样的情况，点击下拉框选项，需要获取所点击的option的属性值，当时想很简单啊，给option加一个点击事件不就行了，然后就加了一下，结果一运行悲催了，怎么点击option事件就是不会执行。这是为什么呢，刚开始也不懂，之前没遇到过这阅读全文

posted @ 2017-08-06 15:02 前端潘潘阅读(2718) 评论(0) 推荐(0)

bootstrap table表格前台分页，点击tab选项，重新刷新表格

摘要：近期做项目的时候使用bootstrap表格前台分页，并且有一个tab切换选项，共用一个table，效果如下图，上方是tab选项，下方是table: 在实际实现的时候，在默认状态下，表格翻到了第5页，此时我要按年龄进行筛选，刚开始我的做法是直接$("#table").bootstrapTable('r 阅读全文

posted @ 2017-08-03 10:30 前端潘潘阅读(20371) 评论(10) 推荐(2)

jquery中使元素显示和隐藏方法之间的区别

摘要：在实际的项目开发中，要使一个元素隐藏的方法有很多，比如css的多种属性和jquery的多种方法，虽然他们的作用都是使元素不可见，但是各个方法实现的原理是不一样的。下面主要介绍jquery各个元素隐藏方法之间的区别。 1、show()和hide() 使用hide()方法隐藏元素实际上是同时减少元素的高阅读全文

posted @ 2017-07-31 08:48 前端潘潘阅读(2760) 评论(0) 推荐(0)

jquery对象和DOM对象的相互转换

摘要：在实际的项目开发过程中，我们经常会使用jquery或者原生js对文档元素添加一些行为交互。js提供了一系列的方法，jquery同样的也提供了一系列的方法，可以说jquery提供的方法几乎涵盖了js提供的方法。对于jquery没有涵盖的方法，或者js没有而jquery有的方法，我们可以通过两者的相互转阅读全文

posted @ 2017-07-25 12:21 前端潘潘阅读(194) 评论(0) 推荐(0)

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

摘要：在实际的项目开发中，iframe框架经常使用，主要用于引入其他的页面。下面主要介绍一下使用iframe引入其他页面后，父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素。 1、父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find 阅读全文

posted @ 2017-07-21 08:53 前端潘潘阅读(1792) 评论(0) 推荐(0)

鼠标滚轮图片放大缩小功能，使用layer弹框后不起作用

摘要：今天在项目中遇到的一个问题：点击按钮使用layer弹框弹出一张图片，需要加一个鼠标滚轮放大缩小，图片也跟着放大缩小的功能。于是在网上找了一个demo。 DEMO: 这个例子没有引用layer，而是直接显示图片，滚轮放大缩小图片是正常的，当加入layer后，代码如下：使用layer后，图片无法随着鼠阅读全文

posted @ 2017-06-29 18:20 前端潘潘阅读(3918) 评论(0) 推荐(0)

bootstrap-table前台和后台分页对json格式的要求

摘要： Bootstrap是一款前端非常流行的框架，其中的表格更为大家经常使用。大家都知道表格的分页分为前台和后台分页，也就是表格配置中sidePagination属性，当sidePagination: "server"时表示后台分页，sidePagination: "client"为前台分页。前台分页主要阅读全文

posted @ 2017-06-28 08:58 前端潘潘阅读(2967) 评论(0) 推荐(0)

导航

公告