
$(document).ready( closeIt(); ) 程序会在 dom 加载完后检查浏览器版本,不满足直接关闭页面窗口。 那么,油猴脚本能否拦截 ready 函数,不让其执行原来的程序呢?
]]>问题:
DataTable 怎么跨页对 Checkbox 进行全选?现在发现 Datatable 其实应该有地方存储了 checkbox 的状态,推断应该找到相关的地方,设置下所有 row 对应 checkbox 的状态就可以了。但是没有找到这样的 api
因为环境问题,需要用 jQuery 里面一些特有的函数,但是又不想引入整个 jQuery,大佬有什么比较好的方法吗,比如提取 json,ajax,准备单独封装到一个文件中。
]]>问问大侠们有什么好的方案?
]]>但发现当使用 load()方法之后,在之前页面声明的$.fn 以及会失效。(提示$(#).xxx is not defined )
而如果对之前页面的 dom 组件使用$.unbind 方法,也会无效。但$.bind 方法有效。(即在$.load()之前已经 bind 过的事件无法解绑)。
有没有大神能说说如何解决这个问题,或者$.load()导致这个问题的原理?(目前只发现了问题现象,即异步加载的页面不能再导入 jquery.js ,一旦子页面也导入了 jquery.js ,就会出现上文的问题。但我每个页面都是解耦的,有可能是第一页,也有可能是第二页。所以只有部分页面引用 jquery.js 不现实。)
搜遍全网也没有类似的文章,可能是用.load()异步加载页面的人太少了吧😂
]]><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> 
$.getScript("xxx.com/foo.js" ... 用 $.getScript(...) 怎么把 id="aaa" 一起设置进去吗?
<script id="aaa" src="xxx.com/foo.js"></script> 不行的话,也只能 create 一个 script 再设置 script 的 id 吗?
]]><!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&action=logout&formhash=295519c2&module=form&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;"> </div><div class="cl" id="ft"> </div> </div> </div></body> </html> ]]>页面加载出来的代码如下:
项目中的 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 的页数。
]]>Item Measurements 和 Details 对应的内容
审查元素里面 XHR 都找遍了都找不到对应的内容
]]><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 包括命名,所以有啥办法?
]]>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); } }) 求解惑
]]>由于 new.jpg 非常的大,所以导致点击后,一直展示的原来的图片了
请教现在现在先展示一个小的 loading.gif, 等 new.jpg 加载完成后在展示,要怎么修改
直接先把地址改成 loading.gif ,在改成 new.jpg 没达到效果好像
]]>function get_xxx(id) { var result = ""; $.getJSON('/api/xxx/' + id, function (data) { result = operation on data // string }); return result; } 因为异步 return undefined 。设置成同步似乎不是个好主意。$.when 也不管用,用还有什么解决办法?
]]>在移动端,我有一个按钮,点击后会弹出一个 div 层, 用户选择好内容后可以点击确定关闭这个 div, 这个步骤因为在同一个页面是没有跳转的.
但是因为担心的误触返回导致按钮这个界面东西都白填了就不好了
想问下能不能实现弹出的 div 层的时候 点击返回按钮能够控制仅仅关闭 div 层不回跳?
有人提到了 onbeforeunload,onunload,onpagehide ,但是不会用?
]]><html> <head> <title>title</title> </head> <body> 如何只获取 body 中的内容 </body> </html> ]]>$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 部件”
]]>希望前辈们推荐些好看的下载页面的模板
谢谢
]]>海南现在有 4 个地级城市
台湾省现在没有台北县了,变成新北市了;台南市和台南县合并了,台中市和台中县合并了
澳门因为填海多了一个路氹城
……
]]>项目仍在开发中,这是一个从零开始开发的客户管理系统,将会在 Livecoding.tv 上直播整个开发过程。
]]>
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(); } floors:页面中 floor 模块的引用btns: 焦点图的引用backtop: 回到顶部按钮的引用selected: 焦点图在进行滚动或单击时的选中样式visible: 用于控制 [电梯] 的显示与隐藏,当 srollTop 值大于numShow时,显示 [电梯] ,反之则隐藏speed: 控制滑条的滚动速度show: 可以重写该函数,来定制elevator的显示方式hide: 可以重写该函数,来定制elevator的隐藏方式npm install ielevator || bower install ielevator
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引用即可,就这么简单!
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"} 配置的优先级是最高的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); } }); 这是一个 require.js 的实例
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 }); ]]>我认为一个插件设计的好不好,首先得看其参数的设置是否规范!比如:参数语义是否和功能匹配,参数是否有必要,是否独立等等。如果一个插件设计的不规范,很可能在设置一个参数的同时影响到另一个参数…… 之前见过一个轮播插件,作者在设计插件的时候考虑就有所欠妥,向左滚动 left ,向左循环滚动 leftMarquee ……
另外,插件的可拓展性和是很重要的,处理插件内容的事件调用,还需要提供方法调用,这样在模块外需要控制插件就方便多了~为此我设计的插件除了必要的参数设置外,还有回调函数! 以轮播为例方法 调用就可以是这样的: $(selector).slider(options,callback(api));
目前这个轮播已经支持了:响应式布局,手势键盘, x 和 y 轴滚动,无缝滚动,不定尺寸滚动, 10 余种动画效果等等特点!
插件库的演示地址: http://passer-by.com/widget/ 感兴趣的可以在 github 上关注项目: https://github.com/mumuy/widget
]]> <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 。
]]>我认为一个插件设计的好不好,首先得看其参数的设置是否规范!比如:参数语义是否和功能匹配,参数是否有必要,是否独立等等。如果一个插件设计的不规范,很可能在设置一个参数的同时影响到另一个参数…… 之前见过一个轮播插件,作者在设计插件的时候考虑就有所欠妥,向左滚动 left ,向左循环滚动 leftMarquee ……
另外,插件的可拓展性和是很重要的,处理插件内容的事件调用,还需要提供方法调用,这样在模块外需要控制插件就方便多了~为此我设计的插件除了必要的参数设置外,还有回调函数! 以轮播为例方法 调用就可以是这样的: $(selector).slider(options,callback(api));
目前这个轮播已经支持了:响应式布局,手势键盘, x 和 y 轴滚动,无缝滚动,不定尺寸滚动, 10 余种动画效果等等特点!
插件库的演示地址: http://passer-by.com/widget/ 感兴趣的可以在 github 上关注项目: https://github.com/mumuy/widget
]]>$(this).data('question-options')
前两个返回为 array, 第三个返回 string. 这是为什么?怎么能让第三个也是 array?
谷歌找了一下,基本上都说改后台,但是别人家的后台,动不了啦。帮忙看看。
]]>