jQuery way to explore https:https://cdn.v2ex.com/navatar/25b2/822c/425_normal.png?m=1346453547 https:https://cdn.v2ex.com/navatar/25b2/822c/425_large.png?m=1346453547 2023-11-21T12:08:24Z Copyright © 2010-2018, V2EX 油猴脚本能拦截$(document).ready 吗? tag:www.v2ex.com,2023-09-13:/t/973443 2023-09-13T08:30:14Z 2023-11-21T12:08:24Z Tsccai member/Tsccai 最近在研究一个古老的系统,想写一个油猴脚本。我发现页面中有这样的代码:

$(document).ready( closeIt(); ) 

程序会在 dom 加载完后检查浏览器版本,不满足直接关闭页面窗口。 那么,油猴脚本能否拦截 ready 函数,不让其执行原来的程序呢?

]]>
jquery 有什么树形可编辑表格的插件吗? tag:www.v2ex.com,2022-03-20:/t/841701 2022-03-20T13:40:42Z 2022-03-20T15:40:42Z waiaan member/waiaan 接手一个旧项目,框架是压缩过的代码,没有文档,用的是 AMD 规范,封装了 easyui,但是不知道怎么封装的,再引入 easyui 会 api 冲突。 试过 layui 和 jqgrid ,都不知道在这种环境下怎么引入。 谢谢。

]]>
Jquery Datatable 前端分页 Checkbox 跨页全选的问题 tag:www.v2ex.com,2021-04-19:/t/771556 2021-04-19T01:34:54Z 2021-04-19T02:43:14Z piaochen0 member/piaochen0 业务需求:
有一个主机列表,大概几百条数据,一次性发给前端,使用 DataTable 在前端进行分页后,使用 Checkbox 进行选择后,再发送给后端处理。
前端进行分页,要支持跨页全选,选择等功能。

问题:
DataTable 怎么跨页对 Checkbox 进行全选?现在发现 Datatable 其实应该有地方存储了 checkbox 的状态,推断应该找到相关的地方,设置下所有 row 对应 checkbox 的状态就可以了。但是没有找到这样的 api

]]>
想提取 jQuery 中的一些函数单独使用,有什么好方法吗 tag:www.v2ex.com,2021-03-04:/t/758503 2021-03-04T08:58:17Z 2021-03-04T17:35:18Z monetto member/monetto 如题,求助 V2 大佬...

因为环境问题,需要用 jQuery 里面一些特有的函数,但是又不想引入整个 jQuery,大佬有什么比较好的方法吗,比如提取 json,ajax,准备单独封装到一个文件中。

]]>
有没有小的简单的 jquery 路由 tag:www.v2ex.com,2020-12-26:/t/739134 2020-12-26T03:13:06Z 2020-12-26T10:43:23Z lixuda member/lixuda 小白用户,不打算学 vue 想用 jquery template 加个路由 实现很简单的前后端分离下。

问问大侠们有什么好的方案?

]]>
关于 JQuery.load(html)加载 html,导致父 html 的$.fn 以及$.unbind 失效的问题 tag:www.v2ex.com,2020-07-30:/t/694392 2020-07-30T09:24:29Z 2020-07-30T10:21:29Z kop1989 member/kop1989 目前在用 JQuery 的 load()方法维护一个页面栈(页面的异步加载,回退)。

但发现当使用 load()方法之后,在之前页面声明的$.fn 以及会失效。(提示$(#).xxx is not defined )

而如果对之前页面的 dom 组件使用$.unbind 方法,也会无效。但$.bind 方法有效。(即在$.load()之前已经 bind 过的事件无法解绑)。

有没有大神能说说如何解决这个问题,或者$.load()导致这个问题的原理?(目前只发现了问题现象,即异步加载的页面不能再导入 jquery.js ,一旦子页面也导入了 jquery.js ,就会出现上文的问题。但我每个页面都是解耦的,有可能是第一页,也有可能是第二页。所以只有部分页面引用 jquery.js 不现实。)

搜遍全网也没有类似的文章,可能是用.load()异步加载页面的人太少了吧😂

]]>
使用 jquery.validate 插件对动态新增的表单进行校验 tag:www.v2ex.com,2020-05-13:/t/671262 2020-05-13T07:02:38Z 2020-05-13T07:02:38Z fanne member/fanne 目前提交表单的时候只会对第一行表单能生效,新增的表单无法校验

如何对动态生成的表单进行同步校验?

<script src="{% static 'js/jquery-2.1.1.js' %}"></script> <script src="{% static 'js/bootstrap.js' %}"></script> <script src="{% static 'js/jquery.validate.js' %}"></script> <script src="{% static 'js/messages_zh.min.js' %}"></script> <script type="text/Javascript" src="{% static 'js/jquery.editable-select.min.js' %}"></script> <form class="form-horizontal" id="jsStayForm" method="post"> <table> <tr id="tradds"> <td> <select class="form-control m-b" name="virtual_cpu" id="virtual_cpu" autocomplete="off"> {% for cpu_i in cpu_list %} <option value="{{ cpu_i }}">{{ cpu_i }}</option> {% endfor %} </select> </td> <td> <select class="form-control m-b" name="virtual_mem" id="virtual_mem" autocomplete="off"> {% for mem_i in mem_list %} <option value="{{ mem_i }}">{{ mem_i }}</option> {% endfor %} </select> </td> </table> <button class="btn btn-primary" type="button" id="addCenterIpGrpBtn" Onclick="addCenterIpGrp(this)">新增一行</button> <button class="btn btn-primary btn-danger" id="jsStayBtn">添加虚拟机</button> </form> <script type="text/Javascript"> ##此处是进行使用插件,对下拉菜单进行可输入扩展 $('#virtual_cpu').editableSelect({ effects: 'slide' }); $('#virtual_mem').editableSelect({ effects: 'slide' }); ### 此处对需要动态添加输入表单进行扩展 var varCount =1; function addCenterIpGrp(obj) { varCount++; console.log(varCount); html = '<tr id="tradds">\n' + ' <td>\n' + ' <select class="form-control" name="virtual_cpu" id="virtual_cpu' + varCount + '" autocomplete="off">\n' + ' {% for cpu_i in cpu_list %}\n'+ ' <option value="{{ cpu_i }}">{{ cpu_i }}</option>\n'+ ' {% endfor %}\n' + ' </select>\n' + ' </td>\n' + ' <td>\n' + ' <select class="form-control m-b" name="virtual_mem" id="virtual_mem' + varCount + '" autocomplete="off">\n' + ' {% for mem_i in mem_list %}\n'+ ' <option value="{{ mem_i }}">{{ mem_i }}</option>\n'+ ' {% endfor %}\n' + ' </select>\n' + ' </td>\n' + '</tr>'; ### 动态新增表单 var d1 = document.getElementById('tradds'); d1.insertAdjacentHTML('afterend', html); $("#virtual_cpu" + varCount).editableSelect({ effects: 'slide' }); $("#virtual_mem" + varCount).editableSelect({ effects: 'slide' }); ### 在此处,对动态添加的表单使用 jquery.validate 校验 $("#virtual_cpu" + varCount).rules("add", { required: true, digits: true, min: 1, max: 64, messages: { digits: "请输入正整数" } }); } ##对整体表单进行校验 $("#jsStayForm").validate({ rules:{ virtual_cpu:{ required:true, digits:true, min:1, max:64, }, virtual_mem:{ required:true, digits:true, min: 1, max: 128, }, submitHandler:function(form) { alert('ddd'); $.ajax({ ..... }); } }); <script> 

image

]]>
<script id="aaa" src="xxx.com/foo.js"></script> 用 $.getScript(...) 可以把 id="aaa" 一起设置进去吗? tag:www.v2ex.com,2020-04-25:/t/665937 2020-04-25T04:46:14Z 2020-04-25T06:45:14Z lisisi member/lisisi 一般都是只是获取 url:

$.getScript("xxx.com/foo.js" ... 

用 $.getScript(...) 怎么把 id="aaa" 一起设置进去吗?

<script id="aaa" src="xxx.com/foo.js"></script> 

不行的话,也只能 create 一个 script 再设置 script 的 id 吗?

]]>
为什么我的 select 的 change 事件会失效? tag:www.v2ex.com,2020-02-20:/t/646020 2020-02-20T02:06:47Z 2020-02-20T03:39:05Z CR7sun member/CR7sun 我用 jquery 触发 select 的 change 事件,在本地单独页面测试是正常的,但是加到一个 discuz 的网站里面就失效了,怎么都无法触发,请问这是怎么回事?是 discuz 的问题还是什么?如何才能正常监听呢?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" cOntent="text/html; charset=gbk" /> <title>测试表单 </title> <meta name="keywords" cOntent="" /> <meta name="description" cOntent="" /> <link rel="stylesheet" type="text/css" href="template/common/common.css" /> <link rel="stylesheet" type="text/css" href="template/form/default/form.css" /><script src="template/form/jquery.min.js" type="text/Javascript" charset="gbk"></script> <script src="static/js/common.js" type="text/Javascript" charset="gbk"></script> <script src="static/js/form.js" type="text/Javascript" charset="gbk"></script> <meta name="viewport" cOntent="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"> <script type="text/Javascript"> var charset = "gbk"; var iniframe = false ; </script> </head> <body> <div id="append_parent"></div><div id="ajaxwaitid"></div> <div class="topnav"> <p class="navinf"> <!--zkgl<span class="pipe">|</span> --> <!--<a href="admin.php" target="_blank">管理中心</a><span class="pipe">|</span> <!--<a href="member.php?mod=logging&amp;action=logout&amp;formhash=295519c2&amp;module=form&amp;tpl=default">退出</a> --> </p> <ul> <!--<li class="navlogo"><a href="" title=""></a></li> --> <!--<li><!--</li> --> </ul> </div> <div id="wp" class="wp"> <div class="mn"> <div class="info wx"> <h1>测试表单</h1> </div> <form id="form" enctype="multipart/form-data" Onsubmit="return valida_ajaxpost(this);" action="form.php?mod=post" method="post"> <input type="hidden" name="handlekey" value="formresult" /> <input type="hidden" name="id" value="6" /> <input type="hidden" name="formhash" value="295519c2" /> <table cellspacing="0" cellpadding="0" class="tfm"><tr> <th><span style= "text-align:center" id="fieldtitle_qkks">订阅期数</span></th> <td> <span class="ftid"> <select name="fieldvalue[qkks]" id="fieldvalue_qkks" style="width:150px;text-align: center;" tabindex="1" class="ps"><option value="1" >1 期</option> <option value="2" >2 期</option> <option value="3" >3 期</option> <option value="4" >4 期</option> <option value="5" >5 期</option> <option value="6" >6 期</option> <option value="7" >7 期</option> <option value="8" >8 期</option> <option value="9" >9 期</option> <option value="10" >10 期</option> <option value="11" >11 期</option> <option value="12" >12 期</option> </select> </span> <span id="checkresult_qkks"></span> </td> </tr> <tr> <th><span style= "text-align:center" id="fieldtitle_dysl">份  数</span></th> <td> <input type="text" name="fieldvalue[dysl]" id="fieldvalue_dysl" class="px" tabindex="1" style="width:150px" OnBlur="checkfield('dysl', '0', 'number', '0', '0')" value="" /> <span id="checkresult_dysl"></span> <div class="d"> 20 元 /份</div> </td> </tr> <tr> <th><span style= "text-align:center" id="fieldtitle_dyje">金  额</span></th> <td> <input type="text" name="fieldvalue[dyje]" id="fieldvalue_dyje" class="px" tabindex="1" style="width:150px" OnBlur="checkfield('dyje', '0', 'number', '0', '0')" value="" /> <span id="checkresult_dyje"></span> </td> </tr> <input name="sechash" type="hidden" value="S1vm8" /> <tr> <td></td> <td> <button type="submit" id="formsubmit" class="pn pnc" value="true" name="formsubmit"><span>提 交</span></button> </td> </tr> </table> <script type="text/Javascript"> jQuery("#fieldvalue_qkks").change(function () { var a = jQuery('#fieldvalue_dysl').val(); var b = 20; var c = jQuery(this).children('option:selected').val(); var sum= a * b * c; jQuery('#fieldvalue_dyje').val(sum); }); }) </script></form> <div id="return_formresult" sytle="display:none;">&nbsp;</div><div class="cl" id="ft"> </div> </div> </div></body> </html> 
]]>
初学者在做做登陆界面使用 jQuery ajax()方法时直接出现 error, XMLHttpRequest.status=0,XMLHttpRequest.readyState=0,textStatus=error tag:www.v2ex.com,2019-08-25:/t/594922 2019-08-25T07:50:55Z 2019-08-25T05:50:55Z MMMcrystal member/MMMcrystal
是在一个 wifi 里进行访问的

以下为 body 的代码

<body class="bg-primary">

<div class="unix-login">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="login-content">
<div class="login-logo">
<a href="index.html"><span>Focus</span></a>
</div>
<div class="login-form">
<h4>Administratior Login</h4>
<form>
<div class="form-group">
<label>用户名</label>
<input id="name" type="text" class="form-control" placeholder="用户名">
</div>
<div class="form-group">
<label>密码</label>
<input id="pwd" type="password" class="form-control" placeholder="密码">
</div>
<div class="checkbox">
<label>
<input type="checkbox"> Remember Me
</label>
<label class="pull-right">
<a href="#">Forgotten Password?</a>
</label>

</div>
<button id="loginbtn" type="button" class="btn btn-primary btn-flat m-b-30 m-t-30">登录</button>
<div class="register-link m-t-15 text-center">
<p>Don't have account ? <a href="#"> Sign Up Here</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>



<script src="assets/js/lib/jquery.min.js"></script>
<script>

$(function(){

$("#loginbtn").click(

function (){

var name=$("#name").val();//获取页面中登录名和密码

var pwd=$("#pwd").val();

if(name==""|| pwd==""){//判断两个均不为空(其他判断规则在其输入时已经判断)

alert("账号密码均不能为空!")

return false;

}else{//以上均符合要求,则调用登录 esb 接口

$.ajax({

url:'192.168.0.163:8080/e-learning/login',//相对应的 esb 接口地址

data:{"username":name,"password":pwd},//向服务器(接口)传递的参数

type:'POST',

dataType:'json',

success:function(data){//服务器(接口)返回来的数据

if(data.code==100){//如果返回来的信息说明提交的信息为正确的

window.location.href='index.html';//正确登录后页面跳转至

}

else{//如果返回来的信息说明提供的信息为错误的

alert(data.message);

$("#name").val("");

$("#pwd").val("");

return false;

}

},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert("失败");
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
}

})

}

}

);

})
</script>

</body> ]]>
请教一个 jquery contextmenu 问题,不同事件源怎么合到一个菜单里 tag:www.v2ex.com,2019-07-02:/t/579208 2019-07-02T02:40:28Z 2019-07-01T23:40:28Z workhardplayhard member/workhardplayhard 页面是传统 table 构成的,目前实现的右键菜单都是针对一条进行处理的(也就是对 tr ),但现在有需求是用户需要复制单元格的值(也就是对 td )。复制的这个按钮要放到 tr 响应的菜单里,这个效果需要怎么搞,求大佬们指点一二。

]]>
jQuery.extend 在深复制时,为什么需要判断 isPlainOjbect?(不是问 isPlainOjbect 方法的原理) tag:www.v2ex.com,2019-04-01:/t/550970 2019-04-01T12:15:13Z 2019-04-01T14:22:00Z feipeng member/feipeng jquery 通过 ajax 返回新的 url 给前端重定向算前后端分离吗? tag:www.v2ex.com,2019-03-31:/t/550534 2019-03-31T08:18:20Z 2019-03-31T11:12:15Z v2et member/v2et 请教一下大家,前端 jquery 通过 ajax 请求后端,后端返回新的 url 给前端,前端再重定向到新的路由请求新的网页算前后端分离吗?还是只有 vue 这种前端路由才算是前后端分离?

]]>
前端 websocket 实时接收到音频流数据,如何在 web 端实时播放 tag:www.v2ex.com,2018-12-11:/t/516571 2018-12-11T08:49:06Z 2018-12-11T06:46:06Z yao978318542 member/yao978318542 直接赋值给 audio.src 的话 可以播放 但是会有明显的卡顿啊!大佬们有解决办法吗?

]]>
scrollTop()引发的一个操作问题 tag:www.v2ex.com,2018-10-10:/t/496511 2018-10-10T15:03:33Z 2018-10-10T17:00:33Z VKMEPR member/VKMEPR 设置用 scrollTop()检测到页面滚动自动触发事件,但和页面上的其它功能冲突了。有个网页元素点击会展出一块折叠内容,正因如此导致页面高度增加而错误地触发 scrollTop()绑定事件(需要展开折叠内容时不触发 scrollTop()事件),请问各位大佬有什么好的解决办法?

]]>
jQuery 选择特定尺寸图片问题 tag:www.v2ex.com,2018-08-09:/t/478354 2018-08-09T09:49:54Z 2018-08-09T10:46:54Z VKMEPR member/VKMEPR 假如网页里有多张不同尺寸大小图片,请问如何选择超过指定宽度大小的图片?目的是忽略小图片。

]]>
如何在提交表单后获取到动态添加的 inpu 的值 tag:www.v2ex.com,2018-04-18:/t/447746 2018-04-18T03:19:18Z 2018-04-19T12:36:29Z weang000 member/weang000 通过.html()添加了一个 input 框,然后提交表单后获取不到这几个 input 的值。name 给对了,没问题。没有语法错误。没问题,就是拿不到值。

]]>
pdfObject 怎么监听进度 tag:www.v2ex.com,2018-03-29:/t/442351 2018-03-29T01:40:58Z 2018-03-29T01:37:58Z Aprilming member/Aprilming 项目用 PDFObject 来展示 pdf,现在想获取查看 pdf 的进度。但是监听不到滑块的高度。

页面加载出来的代码如下:

<embed class="pdfobject" src="http://www.v2ex.com/media/course/pdf/DjangoBook2.0%E4%B8%AD%E6%96%87%E7%89%88_a33a5U1.pdf#view=FitV&amp;toolbar=0" type="application/pdf" style="overflow: auto; width: 100%; height: 100%;" internalinstanceid="84">

项目中的 Jquery 代码为: var optiOns= { pdfOpenParams: {view: 'FitV', toolbar: '0'} }; PDFObject.embed("{{ pdf_url }}", $("#mypdf"), options);

pdfObject 的官网上没有找到关于获取页面数或者进度的 api,只有一个能设置开始页数的选项。

点击滑块,检查。出来一个新窗口,里面有一行代码: <viewer-page-indicator id="page-indicator" style="top: 0.239426px; opacity: 0;"></viewer-page-indicator> 这个 style=” top:0.239426px" 就是滑块的高度,但是完全获取不到这个窗口里面的属性 。(浏览器 chrome)

大佬们帮帮忙,想想怎么能获取滑块高度,或者 pdf 的页数。

]]>
能帮我找找这个页面的细节 和 尺寸是那个 ajax 和 url 加载的吗? tag:www.v2ex.com,2018-01-06:/t/420599 2018-01-06T07:55:00Z 2018-01-06T14:04:20Z hopestar86 member/hopestar86
https://www.jollychic.com/p/woman-s-crossbody-bag-solid-chain-argyle-pattern-stylish-woman-s-bag-g562752.html

Item Measurements 和 Details 对应的内容

审查元素里面 XHR 都找遍了都找不到对应的内容

]]> 问个 Jquery 的选择元素的问题 tag:www.v2ex.com,2017-10-10:/t/396361 2017-10-10T01:52:09Z 2017-10-10T03:32:00Z cnqncom member/cnqncom
<input type="text" name="filter_content_tag[]" style="margin:5px;width:45%;float:left;" class="form-control" value="" placeholder="关键词"><input type="text" name="filter_content_tag[]" style="margin:5px;width:45%;float:left;" class="form-control" value="" placeholder="替换为"> <input type="button" class="btn btn-danger btn-xs" value="删除" style="margin-top:10px;float:right;" Onclick="DelRowInput(0)"> <input type="text" name="filter_content_tag[]" style="margin:5px;width:45%;float:left;" class="form-control" value="" placeholder="关键词"><input type="text" name="filter_content_tag[]" style="margin:5px;width:45%;float:left;" class="form-control" value="" placeholder="替换为"> <input type="button" class="btn btn-danger btn-xs" value="删除" style="margin-top:10px;float:right;" Onclick="DelRowInput(0)"> 

点下面一行的“删除”按钮,删除下面一行表单。问题是这些表单没有用 DIV 包括命名,所以有啥办法?

]]>
jQuery UI dialog 有熟悉的么,我想问个问题 tag:www.v2ex.com,2017-10-01:/t/395004 2017-10-01T02:41:52Z 2017-10-01T03:38:52Z xiaotianhaha member/xiaotianhaha 就是弹出的 dialog 我想让她针对某个元素绝对定位显示,而不是针对 window,这个插件可以做到么?试了好久不行

]]>
实现滚动条离顶端一定距离之后异步加载广告 tag:www.v2ex.com,2017-08-24:/t/385357 2017-08-24T01:46:23Z 2017-08-24T03:37:27Z tianxiacangshen member/tianxiacangshen
var height=$(window).scrollTop();
if(height > 1000){
$('#div').load(url);
}

但是不行,这个会被执行很多次,怎么才能执行一次? ]]>
求指点 Refused to set unsafe header "cookie" tag:www.v2ex.com,2017-07-17:/t/376016 2017-07-17T14:32:52Z 2017-07-17T16:52:01Z 29EtwXn6t5wgM3fD member/29EtwXn6t5wgM3fD 物联网项目,先写好了 API,使用 JWT AUTH,token 写入 cookie,提示 Refused to set unsafe header "cookie"。
服务器已经设置了
header / Access-Control-Allow-Origin *
header / Access-Control-Allow-Credentials true
代码如下:

 $.ajax({ url: "https://api.xxx.xxx/temperature/", type: "GET", beforeSend: function(xhr){ xhr.setRequestHeader('cookie', token) }, success: function(data){ alert(data); } }) 

求解惑

]]>
问个 JQ 的选择节点的问题 tag:www.v2ex.com,2017-06-30:/t/372212 2017-06-30T09:21:16Z 2017-06-30T14:08:30Z cnqncom member/cnqncom <tr>
<td>1.1</td>
<td>1.2</td>
<td>1.3</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>




想通过 JQERY 同时选择上面表格的中每行第 2 个 TD,加上合适的 CLASS。
$("table tr td:eq(1)").attr("class","hidden-xs");


总是选择的第一个 TR 中的 1.2TD,下面两行没有被选中。这个表格可能有很多行,我需要选中每行第 2 个 TD。怎么做? ]]>
jquery 如何实现点击 p( class=‘aa’,没有 id)而选中 p 里面的文字? tag:www.v2ex.com,2017-06-21:/t/370048 2017-06-21T06:14:28Z 2017-06-22T01:46:17Z tianxiacangshen member/tianxiacangshen
点击这个 p 之后实现 V2EX 处于选中状态 ]]>
可以用 jquery 模拟键盘按键吗? tag:www.v2ex.com,2017-06-08:/t/367086 2017-06-08T14:46:09Z 2017-06-08T20:39:13Z golp2000 member/golp2000

这个可以实现吗? ]]>
外行请教京东 618 寻金记是怎么实现的? tag:www.v2ex.com,2017-06-01:/t/365166 2017-06-01T05:11:05Z 2017-06-01T12:12:36Z nifanle7 member/nifanle7
听说京东是用 Vue.js 的。

不会在 V2EX 上贴图(´▽`)

https://wqs.jd.com/promote/201706/findgold/m.html?activenologin=1&_mlogin=1&ptag=17053.1.1 ]]>
请教 jquery 跟换图片地址后展示的问题 tag:www.v2ex.com,2017-04-14:/t/354917 2017-04-14T09:56:28Z 2017-04-14T11:51:10Z hopestar86 member/hopestar86 $('.div').click(function(){ $(.img img).attr('src','new.jpg'); })

由于 new.jpg 非常的大,所以导致点击后,一直展示的原来的图片了

请教现在现在先展示一个小的 loading.gif, 等 new.jpg 加载完成后在展示,要怎么修改

直接先把地址改成 loading.gif ,在改成 new.jpg 没达到效果好像

]]>
function 返回 ajax 结果 tag:www.v2ex.com,2017-04-04:/t/352512 2017-04-04T14:20:16Z 2017-04-04T16:33:21Z lbfeng member/lbfeng function get_xxx(id) { var result = ""; $.getJSON('/api/xxx/' + id, function (data) { result = operation on data // string }); return result; }

因为异步 return undefined 。设置成同步似乎不是个好主意。$.when 也不管用,用还有什么解决办法?

]]>
Jquery 在移动端如何让返回能够不刷新页面? tag:www.v2ex.com,2016-12-20:/t/329031 2016-12-20T16:08:28Z 2016-12-21T05:21:49Z hoythan member/hoythan https://segmentfault.com/q/1010000007863491?_ea=1476187

在移动端,我有一个按钮,点击后会弹出一个 div 层, 用户选择好内容后可以点击确定关闭这个 div, 这个步骤因为在同一个页面是没有跳转的.

但是因为担心的误触返回导致按钮这个界面东西都白填了就不好了

想问下能不能实现弹出的 div 层的时候 点击返回按钮能够控制仅仅关闭 div 层不回跳?

有人提到了 onbeforeunload,onunload,onpagehide ,但是不会用?

]]>
jq ajax 返回的数据怎么获取其中一部分? tag:www.v2ex.com,2016-12-05:/t/325346 2016-12-05T03:00:37Z 2016-12-05T03:15:30Z yantianqi member/yantianqi 例如 data 返回数据为一整个网页 如何只获取 body 内容?

<html> <head> <title>title</title> </head> <body> 如何只获取 body 中的内容 </body> </html> 
]]>
jquery 循环绑定事件问题 tag:www.v2ex.com,2016-11-17:/t/321233 2016-11-17T09:05:28Z 2016-11-17T14:01:40Z yantianqi member/yantianqi <html lang="en">
<head>
<meta charset="UTF-8">
<title>title</title>
<script src="jquery.js"></script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
</ul>
</body>
<script>
var lis = $("li");
for(var i=0; i<lis.length; i++){
lis[i].mouseover(function() {//lis[i]绑定事件不可以?那应该怎么样给每个 li 绑定时间
//
})
}
</script>
</html> ]]>
jquery 表单验证 each 为什么不能 key 变量 tag:www.v2ex.com,2016-10-25:/t/315382 2016-10-25T09:35:49Z 2016-10-25T06:35:49Z IdJoel member/IdJoel $this.find(":input").bind("click",function (){ var _this = $(this).attr("name") var _this_val = $(this).val() var num_text = /^\d{1,16}$/; var password = /^[\@A-Za-z0-9\!\#\$\%\^\&\*\.\~]{6,22}$/; var _this_name = {num_text:"username", password:"password", three:"cerificationcode"}; $.each(_this_name,function(key,val){ if(_this == val){ console.log(key) if(key.test(_this_val)){ alert(" 对了对了"); }else{ alert("错误错误了"); } } }) })

好像是第二个 if 的 key 不被 jquery 识别变成变量,浏览器就一直在报错

html:52 Uncaught TypeError: key.test is not a function(…) 
]]>
jquery 引入在底部 $ready 就要用到$ 但页面还没加载 jquery 不用$ready 下面的 jq 代码就没办法运行 tag:www.v2ex.com,2016-10-21:/t/314350 2016-10-21T03:00:46Z 2016-10-21T07:06:36Z IdJoel member/IdJoel 我用了 js 的 window.Onload= function(){}方法,虽然是好用的,但还是请问如何让 jq 在底部引用还可以在 jq 的引用上面使用$方法;

]]>
注册了个域名,专门用于自己插件库的演示和文档说明 tag:www.v2ex.com,2016-08-22:/t/300996 2016-08-22T09:13:20Z 2016-08-23T04:53:03Z mumuy member/mumuy 工作中慢慢形成了自己的一套 jquery 插件库,索性注册一个域名独立出一个小站

http://jquerywidget.com

这个域名大家觉得怎么样?意思就是“ jquery 部件”

]]>
捏了个小 app,求推荐好看的下载页面模板 tag:www.v2ex.com,2016-08-18:/t/300119 2016-08-18T03:37:55Z 2016-08-18T04:21:32Z AILion member/AILion 本人艺术残,目前就只能扔个 button 上去,特别丑

希望前辈们推荐些好看的下载页面的模板

谢谢

]]>
关于跟随鼠标移动的两个 js 功能合并问题,求解! tag:www.v2ex.com,2016-07-26:/t/295015 2016-07-26T06:04:12Z 2016-07-26T08:09:41Z mtvboy member/mtvboy 刚才发错地方了。 http://www.v2ex.com/t/295012

]]>
新手问个问题呗? tag:www.v2ex.com,2016-07-12:/t/291990 2016-07-12T08:42:03Z 2016-07-12T09:22:04Z tester4 member/tester4 <div class="post"><span class="postid" style="color:fff"></span></div>
<div class="post"><span class="postid" style="color:888"></span></div>
<div class="post"><span class="postid" style="color:ccc"></span></div>

想让 post 里的 color 跟 postid 里的一样,咋写?

if ($('div.post .postid').hasClass("color")) {
$('div.post').addClass("color");
}

var cc = $('div.post .postid').css("color");
$this('div.post').css(cc);
??????
具体怎么写?我不太会,帮我写一个呗?谢啦~万分感谢。 ]]>
最新最全的城市三级联动插件 tag:www.v2ex.com,2016-07-06:/t/290606 2016-07-06T04:33:36Z 2016-09-02T07:22:17Z mumuy member/mumuy 昨天看到有人问“中华人民共和国行政区划代码”,一时兴起,于是乎就有了这个插件。 主要是看网上的同类插件都有问题,数据库太久了,近年来很多城市行政划分都变了:

海南现在有 4 个地级城市

台湾省现在没有台北县了,变成新北市了;台南市和台南县合并了,台中市和台中县合并了

澳门因为填海多了一个路氹城

……

插件演示: http://passer-by.com/widget/jquery-citys/

项目地址: https://github.com/mumuy/widget

]]>
分享一个基于 jQuery 开发的强大的 CMS tag:www.v2ex.com,2016-07-05:/t/290510 2016-07-05T14:06:27Z 2016-07-05T11:01:27Z livedutvchina member/livedutvchina BestBolgom - The most powerful CMS!

项目仍在开发中,这是一个从零开始开发的客户管理系统,将会在 Livecoding.tv 上直播整个开发过程。

https://www.livecoding.tv/olivierpiasecki/

]]>
浮动 [电梯] 或 [回到顶部] 小插件: iElevator.js tag:www.v2ex.com,2016-06-27:/t/288689 2016-06-27T13:24:28Z 2016-06-27T09:24:28Z zhansingsong member/zhansingsong iElevator.js是一个 jquery 小插件,使用简单,兼容 IE6 ,支持 UMD 和 3 种配置方式,比锚点更灵活。

Default Options
var _defaults = { floors: null, btns: null, backtop: null, selected: '', sticky: -1, visible: { isHide: 'no', numShow: 0 }, speed: 400, show: function(me) { me.element.show(); }, hide: function(me) { me.element.hide(); } 

安装

npm install ielevator || bower install ielevator

使用

1. back to top [回到顶部] 单击我看 Demo 效果

HTML:

 <div class="elevator elevator-backtop" id="backtop" > <a href="Javascript:;" class="js-backtop">TOP</a> </div> 

Javascript:

 $('#backtop').ielevator({ backtop: $('#backtop .js-backtop') }); 

只需获取backtop引用即可,就这么简单!

2. simulate elelvator 单击我看 Demo 效果

HTML structure:

 <div class="elevator" id="elevator" data-elevator-optiOns='{"selected": "custome-selected"}'> <ul> <li><a href="Javascript:;" class="custome-selected js-btn">floor1</a></li> <li><a href="Javascript:;" class="js-btn">floor2</a></li> <li><a href="Javascript:;" class="js-btn">floor3</a></li> <li><a href="Javascript:;" class="js-btn">floor4</a></li> <li><a href="Javascript:;" class="js-btn">floor5</a></li> <li><a href="Javascript:;" class="js-btn">floor6</a></li> <li><a href="Javascript:;" class="js-btn">floor7</a></li> </ul> </div> 

Javascript:

 $('#elevator').ielevator({ floors: $('.js-floor'), btns: $('#elevator .js-btn'), selected: 'selected', visible: {isHide: 'yes', numShow: 400}, show: function() { $('#elevator').slideDown(400); }, hide: function() { $('#elevator').slideUp(400); } }); 
注意: data-ielevator-optiOns='{"selected": "custome-selected"} 配置的优先级是最高的

3. simulate elevator + back to top 单击我看 Demo 效果

HTML structure:

 <div class="elevator" id="elevator" data-elevator-optiOns=''> <ul> <li><a href="Javascript:;" class="custome-selected js-btn">floor1</a></li> <li><a href="Javascript:;" class="js-btn">floor2</a></li> <li><a href="Javascript:;" class="js-btn">floor3</a></li> <li><a href="Javascript:;" class="js-btn">floor4</a></li> <li><a href="Javascript:;" class="js-btn">floor5</a></li> <li><a href="Javascript:;" class="js-btn">floor6</a></li> <li><a href="Javascript:;" class="js-btn">floor7</a></li> <li><a href="Javascript:;" class="js-backtop">TOP</a></li> </ul> </div> 

Javascript:

 $('#elevator').ielevator({ floors: $('.js-floor'), btns: $('#elevator .js-btn'), backtop: $('#elevator .js-backtop'), selected: 'selected', visible: {isHide: 'yes', numShow: 400}, show: function() { $('#elevator').slideDown(400); }, hide: function() { $('#elevator').slideUp(400); } }); 

4. require.js example 单击我看 Demo 效果

这是一个 require.js 的实例

5. 模拟 segmentfault 文章导航 单击我看 Demo 效果

Javascript:

 // 获取 Markdown 中的标题 var $demo = $('#demo'), $titles = $('h2'), $nav = $demo.find('.list'), $highlight = $demo.find('.highlight'), STR = ''; // 填充标题 $titles.each(function(){ STR += '<li><a>'+ $(this).text() +'</a></li>'; }); $nav.html(STR); // 调用 ielevator $demo.ielevator({ floors: $titles, btns: $('#demo li'), sticky: 10, selected: $highlight }); 
]]>
自制 WEB 前端插件库,欢迎使用~ tag:www.v2ex.com,2016-06-24:/t/288125 2016-06-24T12:13:56Z 2016-06-28T01:57:14Z mumuy member/mumuy 这套 插件库 的开发时间应该挺长的,从工作到现在 3 年了,都是在实际的项目实践中慢慢完善起来的……还是很稳定吧。 类型上满足了 web 开发中常见的一些需求:轮播、全屏滚动、标签页、滚动条、日历、自定义下拉框、搜索建议等等……

我认为一个插件设计的好不好,首先得看其参数的设置是否规范!比如:参数语义是否和功能匹配,参数是否有必要,是否独立等等。如果一个插件设计的不规范,很可能在设置一个参数的同时影响到另一个参数…… 之前见过一个轮播插件,作者在设计插件的时候考虑就有所欠妥,向左滚动 left ,向左循环滚动 leftMarquee ……

另外,插件的可拓展性和是很重要的,处理插件内容的事件调用,还需要提供方法调用,这样在模块外需要控制插件就方便多了~为此我设计的插件除了必要的参数设置外,还有回调函数! 以轮播为例方法 调用就可以是这样的: $(selector).slider(options,callback(api));

目前这个轮播已经支持了:响应式布局,手势键盘, x 和 y 轴滚动,无缝滚动,不定尺寸滚动, 10 余种动画效果等等特点!

插件库的演示地址: http://passer-by.com/widget/ 感兴趣的可以在 github 上关注项目: https://github.com/mumuy/widget

]]>
bootstrap modal event 多次绑定 tag:www.v2ex.com,2016-06-20:/t/287184 2016-06-20T22:06:50Z 2016-07-24T07:35:31Z lbfeng member/lbfeng <div id="exampleModal"> 。。。</div> <button data-toggle="modal" data-target="#exampleModal"></button> $('#exampleModal').on('show.bs.modal', function(event) { $.ajax(...); $(this).modal('hide'); });

第一次打开窗口会有一次 ajax ,不刷新,第二次打开窗口会有两次 ajax 。是因为$('#exampleModal')重复捆绑 modal 。怎样才能在不刷新前提下多次打开窗口但只绑定一个 modal 。

]]>
Jquery 如何实现 Ajax 自动更新 table,并且不影响 js 事件 tag:www.v2ex.com,2016-06-03:/t/283361 2016-06-03T14:28:27Z 2016-06-04T07:58:15Z sbmzhcn member/sbmzhcn
点击编辑按钮,自动弹出遮罩层,可以更新新建一条记录,当这一条记录新建完成后,遮罩层在不点击关闭的情况下,遮罩层后面的 table 可以实现自动更新。

遮罩层 使用的是 jquery confirm

但自动更新 Table 搞不定,使用 ajax 更新当前的 html 也是可以,但如果更新后, table 绑定的 js 事件却无法使用了。请问有什么好的办法解决吗?

如果使用的是 datatables js 如何做呢? ]]>
愿意付费帮忙修改一个 jq 插件! tag:www.v2ex.com,2016-06-03:/t/283352 2016-06-03T13:44:14Z 2016-06-03T13:52:54Z Geebarwan member/Geebarwan 本人需要一个 jq 构建 form 表单的插件,但是没有找到像 带有删格的可视化布局,所以想付费弄一个在拖拽构建表单基础之上,可以先构建删格系统(删格可以设置,比如我可以设置 1-2-9 or 4-4-4 这样的形式),然后往删格里面放不同的 form 组件,还有就是可以自定义组件的功能(比如我需要图片拖拽上传,我可以方便的自定义一个组件),如果可以,欢迎留言,我可以到开源中国外包或者 coding 的码市平台发布招募,通过这种交易来让双方放心!

jq form 构建的例子

]]>
请问下 draggable 怎么实现拖动前后的元素不一样 tag:www.v2ex.com,2016-05-17:/t/279222 2016-05-17T07:02:25Z 2016-05-17T06:59:25Z cunkouwdy007 member/cunkouwdy007 现在是用 draggable 实现了拖动,但是显示其他内容的时候犯难了。在 drag 或者 stop 事件里重新赋值给 ui.helper 后并不能改变值。
请问下该怎么才能实现这个功能? ]]>
自己写的一套 jquery 组件库 tag:www.v2ex.com,2016-05-09:/t/277314 2016-05-09T05:04:23Z 2016-05-09T22:18:46Z mumuy member/mumuy 这套 插件库 的开发时间应该挺长的,从工作到现在 3 年了,都是在实际的项目实践中慢慢完善起来的……还是很稳定吧。 类型上满足了 web 开发中常见的一些需求:轮播、全屏滚动、标签页、滚动条、日历、自定义下拉框、搜索建议等等……

我认为一个插件设计的好不好,首先得看其参数的设置是否规范!比如:参数语义是否和功能匹配,参数是否有必要,是否独立等等。如果一个插件设计的不规范,很可能在设置一个参数的同时影响到另一个参数…… 之前见过一个轮播插件,作者在设计插件的时候考虑就有所欠妥,向左滚动 left ,向左循环滚动 leftMarquee ……

另外,插件的可拓展性和是很重要的,处理插件内容的事件调用,还需要提供方法调用,这样在模块外需要控制插件就方便多了~为此我设计的插件除了必要的参数设置外,还有回调函数! 以轮播为例方法 调用就可以是这样的: $(selector).slider(options,callback(api));

目前这个轮播已经支持了:响应式布局,手势键盘, x 和 y 轴滚动,无缝滚动,不定尺寸滚动, 10 余种动画效果等等特点!

插件库的演示地址: http://passer-by.com/widget/ 感兴趣的可以在 github 上关注项目: https://github.com/mumuy/widget

]]>
jquery mobile 的动态加载感觉好难用啊 tag:www.v2ex.com,2016-04-26:/t/274595 2016-04-26T12:03:11Z 2016-04-26T08:03:11Z sun876592293 member/sun876592293 自动刷新的时候经常就不加载其他插件的 js 了

]]>
jquery data() 返回数据类型不统一 tag:www.v2ex.com,2016-04-20:/t/273257 2016-04-20T18:48:01Z 2016-04-20T23:34:32Z lbfeng member/lbfeng

$(this).data('question-options')

前两个返回为 array, 第三个返回 string. 这是为什么?怎么能让第三个也是 array?

]]>
V2 的大神们帮我看看, JQuery 跨域请求遇到点问题 tag:www.v2ex.com,2016-04-15:/t/271435 2016-04-15T13:01:14Z 2016-04-15T21:11:45Z Youthink member/Youthink 问题地址:segmentfault

谷歌找了一下,基本上都说改后台,但是别人家的后台,动不了啦。帮忙看看。

]]>
ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86