PHP技术,PHP研究及学习,Python学习,人工智能,大数据服务

文档标签: jquery

jquery报错找不到jquery-1.10.2.min.map解决办法.

我先说一下什么是source map文件。source map文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息,这样的好处就是说,在调试的时候,如果有一些JS报错,那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试,这样会给我们带来很大的方便!而这种还原性调试功能,目前只有chorme才具有,所以就会出现标题说的问题,我引入jquery-1.10.2.min.js的时候,在firefox下或者其他浏览器下是好的,在chorme下会报错找不到jquery-1.10.2.min.map文件,404,就是因为以上说的情况,jquery会检测浏览器是否支持source map功能,如果支持的话,那就去下载source map文件,而这个时候如果你引用的是官网的min.js那没问题,它会去自己的目录下找sour...
此文被围观1198次  分类: 前端设计 标签:  ···

jquery浮动导航条的拖动与展开收缩,jquery页面拖动.

今天在网站上的一个广告网站看到的一jquery特效,感觉不错,也许以后有用,就记录了下来!jquery特效正常情况下: 访问情况:拖动了一下://浮动导航条的拖动与展开收缩 $(function () {     var box = $('.menu'),     obj = box.children('span');     obj.show();     box.hover(function () {//鼠标移上去后出现选择菜单         obj.stop(false, true).show(300);    &nbs...
此文被围观1317次  分类: 前端设计 标签:  ·····

jquery选中以什么开头的元素.

 $(“[id^=percent]“).size()^=:表示以什么开头$=:表示以什么结尾~=:表示包含什么id:表示按id选择...
此文被围观3381次  分类: 前端设计 标签:  ···

jquery鼠标放上更改背景色.

$(".app a").bind({                         mouseenter:function(){                                 $(this).children("img").animate({filter:'alpha(opacity=50)',opacity...
此文被围观1311次  分类: 前端设计 标签:  ···

Js加载JQuery.

先判断jq是否被加载if (typeof window.jQuery == “undefined”) {//未引用Jquery} else {//引用了Jquery}再加载jqif (typeof window.jQuery == ‘undefined’) {var fileref = document.createElement(‘script’);        //创建标签fileref.setAttribute(“type”, “text/javascript”);           //定义属性type的值为text/javascriptfileref.setAttribute(“src”, “/js/jq.js”);            &nbs...
此文被围观1768次  分类: 前端设计 标签:  ····

jquery获取url参数.

jquery获取url参数 (function($){ var deparam=function(querystring){ var params={}; var queryarray=(querystring||"").split("&"); $.each(queryarray,function(index,item){ var keyValuePairs=item.split("="); var key=keyValuePairs[0]; if(key){ var value=decodeURIComponent(keyValuePairs[1]); params[key]=value||""; } }); return params }; $.extend($,{deparam:deparam}) })(window.jQuery); //使用方法 $(function(){      var search = location.search.slice(1); var param =...
此文被围观2282次  分类: 前端设计 标签:  ····

js加载图片显示加载中....

利用jquery的load函数实现js加载图片显示加载中... html: <img src="loader-portrait.gif" style="opacity: 0;"> <img src="${image}"> js: $(".load-complete").load(function() { $(this).css({'opacity':'1'}); $(this).parent('div.image').find('img.l').css({'opacity':'0'}); }); js图片加载中...
此文被围观2648次  分类: 前端设计 标签:  ····

jquery获取光标位置插入字符.

jquery获取光标位置插入字符,js光标位置 (function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if ($t.selectionStart || $t.selectionStart == '0') { var startPos = $t.selectionStart; var endPos = $t.selectionEnd; var scrollTop = $t.scrollTop; $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value....
此文被围观2149次  分类: 前端设计 标签:  ····

js键盘监听事件,jquery HotKeys轻松搞定键盘事件代码.

今天发现HotKeys插件的功能真的很强大,且使用简单,以后再也不用考虑键值的问题了,自己定义每个键的函数就行了 使用方法: 复制代码代码如下: $.hotkeys.add('键名', function(){ 要实现的目的}); //键名可以是单键,也可以是组合键例如:ctrl+c就表示同时按下ctrl和c. 取消某个键的事件: 复制代码代码如下: $.hotkeys.remove('键名'); 具体演示效果请转到我专门翻译的一个页面,你可以自己测试特殊键和组合键:http://img.jb51.net/online/jquery_HotKeys.html 下载插件地址::http://code.google.com/p/js-hotkeys/downloads/list...

jquery.json.js与PHP的交互.

经常是输入json数据到js中,一直用的json_encode,也一直没问题 今天在做微信相关的数据的时候,需要将json数据传输到PHP中,利用的jquery.json插件,利用此插件将数据转换成json数据传入后台进行操作 问题就是在这里经过toJson后的数据是被转义过了的,前面我一直是将str_replace将\"轮换成 “但是后面修改数据的时候越来越多的\"需要数据,最后在网上查找到了相关的解决方法: http://www.beijibear.com/index.php?aid=45 本章的重点在这里:http://www.beijibear.com/index.php?aid=182 PHP去掉转义后字符串中的反斜杠\函数stripslashes addslashes函数主要是在字符串中添加反斜杠对特殊字符进行转义,stripslashes则是去掉转义后字符串中的反斜杠\,比如当你提交一段json数据到PHP端的时候可能会遇到json字符串中有\导致json_decode函数无法将j...
此文被围观3039次  分类: 前端设计 标签:  ··········

jquery height()的应用.

前面我们了解了jquery瀑布流的相关流程,其中有一个问题值得我们注意就是jquery height()这个属性 height只计算了本身的高度,其中不包括margin、padding、border这些属性! 在线测试地址:jqeruy在线测试工具...

jquery动画特效,css定位实例分析.

最近手头有一个特效与定位相结合的功能, 先将事例地址发上来:http://xixi.adophper.com/team/. 看一下页面效果:三面都已经定位,只有内容那一块是活动的,点击左边部分滑动右边到相应的位置. 未解决前的问题:右边是滑动但总是滑动超过了对应的位置,百思不得其解!想了一下,如果是正常的页面是页面滑动至相应位置 现在的情况是相应的点滑动至相应位置,刚好正常情况反过来了! 其中我还想过用iframe来做的,但是考虑到工作量就放弃了,可能还是双腿解决这个问题吧! 因为本身点击的时候已经有用到jquery了,最后在百度是查到了相应的技术用animate来解决, 上源码分析: [html] <script> var re = new RegExp('^'+site_url+'(.+)$'); $(function(){ $(".team_list a").click(function(e){ var a = $(this), hash ...

jquery 表单提交注意事项.

今天在做jquery表单提交的时候没有反应,也不报错,这就有点怪了。 [js] $(function(){ $("#ok").click(function(){ $("form[name='myform']").submit(); }); }); [/js] 就是这样一个简单的代码,居然不能提交。 后来我将此代码修改了一下: [js] $(function(){ $("#ok").click(function(){ $("#myform").submit(); }); }); [/js] 这样就对了 原来jquery提交表单要用id...
此文被围观1695次  分类: 前端设计 标签:  ·····

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2018adophper.com All Rights Reserved.