展开菜单

Firefox浏览器提示:源映射错误:Error: NetworkError when attempting to fetch resource.

引用一些js脚本文件时,火狐浏览器Firefox出现了源映射错误提示,比如jquery.min.js,提示内容如下: 源映射错误:Error: NetworkError when attempting to fetch resource. 源 URL:http://www.neirong.org/jquery.min.js 源映射 URL:jquery.min.js.map 原因: 这是由于缺少对应的映射文件(sourcemap file)导致的。 解决方法: 方法一:删除调用代...

jquery指定option文本值设置select下拉选中状态

通过:contains匹配select下拉选项的option文本值,把和指定文本相同的option设置为选中状态。 html代码 <div class="setSelect"> <select> <option value="1">阿里云</option> <option value="2">腾讯</option> <option value="3">网易</option> <option value="4">百度</option...

chrome浏览器jquery点击事件click元素出现黄色边框的解决方法

chrome浏览器jquery点击事件click元素出现黄色边框的解决方法

chrome浏览器下,使用jquery click()点击事件,被点击的元素会出现黄色边框: 解决方法: 给被点击的元素添加:focus的css代码:(如被点击的元素是element,代码如下 element:focus { outline:none; } 或 element:focus { outline:0; }

jQuery判断访问的电脑浏览器还是手机浏览器

以下代码用于JQuery判断访问的浏览器的类型 $(function(){ var mobile_flag = isMobile(); // true为PC端,false为手机端 if(mobile_flag){ alert('PC端'); }else{ alert('手机端'); } }); function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = [ 'Android', 'iPhone', 'SymbianOS', 'W...

jquery实现购物车增加减少购买数量的代码

代码实现的效果点击增加、减少按钮实现购买数量的变动,只允许输入数字,禁止中文、英文或其它符号的输入。 HTML代码: <div class="buyNum"> <a id="sub" href="javascript:void(0);">-</a> <input type="text" value="1" id="booknum" class="num"/> <a id="add" href="javascript:void(0);">+</a> </div> ...

jquery比较相同元素的高度并获取最高值

同一个页面,相同的div元素,要获取这些元素高度最大的值,然后设置指定元素的高度,代码如下: <script> $(function() { var h_max = 0; //定义一个默认变量,并赋值为0,用于比较 $('.ClassName').each(function() { //遍历相同样式名的元素 var h = $(this).height(); //获取每个元素的高度,(可根据需要使用outerHeight、innerHeight) h_max = h > h_max ? h : h_max; //比较获取的元素高度值和默认变...

APP应用侧边栏菜单导航jQuery插件Slidebars

APP应用侧边栏菜单导航jQuery插件Slidebars

Slidebars是一款能快速又简单的实现移动端应用风格菜单显示和侧边栏的jQuery插件,插件非常小巧,压缩后仅有1.69kb大小,提供完整的API、回调功能等,需要jquery 1.8以上版本的库才可以使用。 官方网站:https://www.adchsm.com/slidebars/ Github:https://github.com/adchsm/Slidebars

jquery实现单行文字循环上翻滚动播报效果(新闻滚动效果)

jquery实现单行文字循环上翻滚动播报效果(新闻滚动效果)

常见的网站单行新闻公告上翻播放的效果。 jQuery代码: function b(){ t = parseInt(x.css('top')); y.css('top','19px'); x.animate({top: t - 19 + 'px'},'slow'); //19为每个li的高度 if(Math.abs(t) == h-19){ //19为每个li的高度 y.animate({top:'0px'},'slow'); z=x; x=y; y=z; } setTimeout(b,3000);//...

jQuery动画效果animate滚动到指定页面ID的位置

CSS属性值是逐渐改变的,这样就可以创建动画效果。因此只有数字值可创建动画,比如margin:30px 而字符串值无法创建动画,比如background-color:red 要实现animate滚动到页面指定id的位置,就要获取ID的数字值,也就是距离顶部的距离,再通过animate的scrollTop滚动 $(document).ready(function($){ $('#comt').click(function(){ $('html,body').animate({scrollTop:$('#comments').offset().top}, 80...

jQuery实现随窗口大小变化的自适应高度元素

代码如下: /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法:给需要的 div 元素添加 autoheight 属性,如:<div autoheight> ... </div> 可以修改选择符,如写为 ".autoheight" 或是其它的以匹配需要的元素。 */ $(function () { var _jahDivs = $("div[autoheight]"); if (_jahDivs.length > 0) { _jahDivs.css("overflow",...

jQuery让页面随着窗口大小变化自动加减宽度?

例子 CSS代码: .div1{height:100%;margin:0 auto;border-left:5px solid #F00;border-right:5px solid #F00;} jQuery代码: $(function(){ $(".div1").css({ height:$(window).height() }); $(window).resize(function(){ $(".div1").stop(true,false).animate({ ...