如何解决jQuery使用ajax报错Illegal invocation的问题

 jQuery/js  高蒙  阅读(163)  评论(1)  Illegal invocation ajax  4周前 

jquery使用ajax请求的时候,很意外的出现Uncaught TypeError: Illegal invocation的错误。例如:$.ajax({        url : base_url+'index.php',        type: 'POST',


layedit 富文本编辑器 php下字符与表情转换

 jQuery/js  高蒙  阅读(442)  评论(2)  layedit 富文本编辑器  2个月前 

在使用富文本编辑器layedit的时候,在添加表情的时候,编辑器会自动将表情拼成img标签展示。当我们保存的时候就很尴尬了,一个表情占用了几十个字符,造成了大量的浪费。所以,我们的需要保存成特定的字符,展示的时候替换成img标签。通过翻阅源码,找到了表情与字符的关系,稍微加工下就可以自由转换。private function _replaceface($content) {   $


如何取消移动端的长按事件

 Html/Css  高蒙  阅读(765)  评论(1)  app 长按  5个月前 

在app中嵌套h5界面,当用户长按的时候,会触发app端系统默认的交互行为。比如:1.长按文本区域显示文字放大镜,选择指定区域的网页内容,包括文字和图片,执行复制,粘贴等。2.长按链接对象呼出弹窗框,执行页面跳转或保存图片等这样的效果很影响美观,有时间用户感觉体验很差。那么怎么解决禁止长按事件呢?其实很简单那,只要在移动端页面只要加段js即可。window.ontouchstart=function(){    document.documentEle


如何取消a标签在移动端点击出现背景颜色

 Html/Css  高蒙  阅读(715)  评论(1)  5个月前 

一、取消a标签在移动端点击时的蓝色-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;二、使用图片作为a标签的点击按钮时,当触发touchstart的时候,往往会有一个灰色的背景a,a:hover,a:active,a:


jquery插件ez-bg-resize解决背景自适应平铺浏览器大小的问题

 jQuery/js  高蒙  阅读(687)  评论(0)  jquery jquery.ez-bg-resize.js 背景平铺 背景自适应  6个月前 

在手机端页面中,设置了页面背景为平铺,当我用ajax动态加载页面结构的时候,就会出现背景不是平铺错误的问题。如何结局呢?这里有个jquery插件jquery.ez-bg-resize.js可以顺利的解决背景自适应平铺浏览器大小的问题。使用方式:<script src="jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8">&


利用jquery.qrcode.js生成二维码和logo居中的图片 js生成二维码

 jQuery/js  高蒙  阅读(1277)  评论(1)  二维码 jquery jquery.qrcode.js logo  6个月前 

在项目中经常需要用到二维码的地方,如果都用服务器端生成的话就会很消耗资源。于是,直接通过JavaScript直接在客户端生成,有效减少带宽,以及维护成本。之前我介绍过用jquery.qrcode.js生成二维码的方法,这里是需要在生成二维码的中间加上logo。并且右键保存是一张图。前往 如何用jquery.qrcode.js插件在线生成二维码 官网上的 qrcode.js 文件里没有实现中文的支持和LOGO的添加,现在我们将这个文件修改为jquery.qrcode.js文件了。此外还需


解决ios内置微信背景音乐自动播放

 jQuery/js  高蒙  阅读(1048)  评论(1)  ios 微信  7个月前 

苹果的移动端设备微信内置浏览器目前是不支持音频自动播放的。那么在很多场景下面,是需要自动播放音乐的。这里实现的方式是配合微信js。具体方法如下:<audio id="adoMusic" src="123.mp3" style="display: none;"></audio>document.addEventListener('DOMContentLoaded


js中indexOf()方法的使用

 jQuery/js  高蒙  阅读(1050)  评论(4)  indexOf() js  10个月前 

JS中的indexOf()方法在可用于查找字符在字符串和数组的位置。一、字符串的使用。var str = '12345678';console.log(str.indexOf('1')); // 返回0console.log(str.indexOf('4')); // 返回3console.log(str.indexOf('9')); //&


如何实现js上传图片本地预览同时支持预览截图的功能

 jQuery/js  高蒙  阅读(16107)  评论(9)  js cropper.js 截图  1年前 

在项目中经常会用到js上传图片本地预览的效果,同时需要在预览图上直接预览截图的范围。下面是我写的简单的demo,是用js结合cropper.js模拟实现此项前端的功能,后台则不考虑。准备:引入文件:<link rel="stylesheet" href="http://static.shuchengxian.com/css/cropper.min.css"><script src="http


嵌套iframe框架之间的跳转或刷新新页面

 jQuery/js  高蒙  阅读(1780)  评论(0)  iframe  1年前 

项目中使用iframe嵌套多层,在最底层的iframe框架中我需要跳转或者刷新最顶级的页面。这个时候就需要使用top.location.href即可。那么下面还介绍几种iframe页面的跳转方法,以便以后查阅。"window.location.href"、"location.href"是本页面跳转  "parent.location.href":是上一层页面跳转 "top.location.href&quo


简单好用,极易上手的图片截取截图插件cropper.js

 jQuery/js  高蒙  阅读(2658)  评论(0)  cropper.js 截图 截图插件  1年前 

项目中需要配合以图搜图功能,于是呢,就需要相应的截图程序功能。市面上现在有很多的图片截取插件。今天,我结合自身的使用经历。看看cropper.js如何轻易上手,完成图片截图功能。演示地址:https://fengyuanchen.github.io/cropperjs/github地址:https://github.com/fengyuanchen/cropperjshtml:<img id="cropTestImg" src="图片地


如何解决javascript获取隐藏元素宽高的方法

 jQuery/js  高蒙  阅读(955)  评论(0)  javascript 隐藏 元素宽高  1年前 

在实际操作中,我们往往需要新隐藏某些元素,当使用javascript点击或者其他操作的时候,才予以展示。一般我们都是设置其属性为display:none。那么,有个问题来了,就是当触发某个事件的时候,需要获取其宽高,进行居中展示,或者计算设置样式的像素值时,此时会意外的出现获取不到元素的宽高。当我刚遇到这个问题时候,也是懵了一下。还好,最后是解决了javascript获取隐藏元素宽高的问题。那么,举例说明,如下:<button>点我显示隐藏</button><d


如何用js判断图片地址是否正确

 jQuery/js  高蒙  阅读(847)  评论(0)  远程图片 js  1年前 

项目中需要前端判断远程图片是否存在的功能需求,于是找到了以下的js方法,不是很完美,但是至少也不失为一种方法,思路。function CheckImgExists(imgurl) {var ImgObj = new Image(); //判断图片是否存在    ImgObj.src = imgurl;//没有图片


js实现鼠标移动放大图片功能

 jQuery/js  高蒙  阅读(1033)  评论(2)  js 图片 放大  1年前 

在项目需要实现用js实现鼠标移动放大图片功能。如下图:通过上图可以发现几个要求:1、图片始终要贴底边展示。2、第一张需要向右侧展示,其他则反之。不然会出现撑破浏览器最大的宽度,出现滚动条。具体的实现代码如下:样式:<style>#tooltip {position: absolute;display: none;width: 550px;height: 550px;background-color: white;box-


解决jQuery ajax动态新增节点绑定多个事件无效的问题

 jQuery/js  高蒙  阅读(857)  评论(1)  ajax 事件 无效  1年前 

用jQuery调用ajax动态写入节点的时候,需要同时绑定多个事件,比如鼠标的移入、移出、移动的事件。单个事件:$('#id').on('mouseover',function(){});多个事件:<script>    $(document).on({        mouseover: function(e){}


关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客