js
zhouzhuoYan
一起学习吧
展开
-
yii小部件Html::a渲染的a标签,点击发送ajax请求,接口没响应,但是直接在postman或浏览器上调url没问题,是什么原因
遇到一个小bug,但是也是第一次遇到,所以就记录下来啦.在使用小部件DetailView布局html界面的时候,出现a链接点击发送ajax请求,接口没响应,也没有状态码,但是直接在postman或浏览器上调url没问题,错误如下图:按钮:$detailColumns[] = [ 'columns' => [ [ 'label' => '<i class="red">*</i> 订单编号:', '原创 2020-05-28 15:05:26 · 324 阅读 · 0 评论 -
jq ui-selectable中click单击事件,dblclick双击事件无效
在优化项目后台系统的图库上传组件时,需要双击图片也可以选中上传,但是也需要支持多个图片选中上传功能。遇到的问题:使用jq的Selectable小部件时,屏蔽了click,dblclick事件。后来查了一些资料得到了解决办法(可查看这篇博客:https://forum.jquery.com/topic/selectable-dosn-t-fire-click-event),selectable初始化的时候设置属性:distance的值大于0就可以解决了。html元素如下:相关jq代码://初始化s原创 2021-04-12 16:49:14 · 538 阅读 · 0 评论 -
jq中select2插件选中触发事件
方法一:$('#btn').on('select2:select', function(){ var data = $(this).val(); console.log('选中值:'+data);});方法二:$(’#btn’).change(function() {var data = $(this).val();console.log(‘选中值:’+data);})原创 2021-01-13 15:20:51 · 3198 阅读 · 0 评论 -
当input name属性为对象时[]时,jquery怎样获取它的所有值
input标签:<input" name="relationId[]" class="inp-image" value="58"><input name="imageUrl[]" class="inp-imageUrl" value="mall/62f31d35a53447bb96d9f9fcceaec8b2.png"><input name="relationId[]" class="inp-image" value="64"><input name="原创 2020-07-06 15:37:43 · 560 阅读 · 0 评论 -
js中append动态生成元素,无法触发popover弹窗事件的解决办法
直接上demo吧:<div> <a href="javascript:;" class="btn btn-sm" style="margin: 20px;background-color: #0b93d5;color: #ffffff" onclick="addRow()"><span class="glyphicon glyphicon-plus" ></span> 添加一行</a></div><table cla原创 2021-04-14 11:19:16 · 531 阅读 · 0 评论 -
js获取多个相同class的input框的值,并序列化json数组
html代码:<input type="text" class="limitNo" data-code="910250001"><input type="text" class="limitNo" data-code="910250002"><input type="text" class="limitNo" data-code="777">js代码:$('.btn').on('click', function(){ //获取class同为limitNo元素原创 2021-04-01 14:27:23 · 1647 阅读 · 0 评论 -
解决input 绑定onchange事件,当change一次后,不再触发onchange问题
标签: <input type="file" name="file" id="inp-file" onchange="doImport(this)"> js设置:function doImport(_this) { var formdata = new FormData(); var file = _this.files[0]; formdata.append(_this.name, file); $.ajax({ url:'/saas-g原创 2021-03-30 17:41:02 · 1049 阅读 · 0 评论 -
js遍历ajax请求接口返回来的二维数组,并将数据渲染到页面
html页面:<table class="table"> <thead> <tr> <th><div class="txt change-data cur" data-info="favoriteInfo" data-type="favoriteBrand">综合</div&原创 2021-03-22 10:49:32 · 1525 阅读 · 0 评论 -
js将字符串按某个字符切割成若干个字符串,以数组形式返回,并且数组中不能保留空字符
// var keyword = “dfcsf,gdfgfd,hguhytgu,gvhgf”;console.log(keyword );var arr = keyword.split(",");// 在每个逗号(,)处进行分解。console.log(arr);//过滤数组中的空字符var resKey = arr.filter((s) => {return s && s.trim(); // 注:IE9(不包含IE9)以下的版本没有trim()方法});co原创 2021-01-28 14:22:59 · 977 阅读 · 0 评论 -
jquery插件select2的unselecting删除事件
select2:unselecting 在删除选择之前触发。$('#brandCodeList').on('select2:unselecting',function() { if (!confirm('你确定要删除此项吗?')){ return false; } else { return true; }})更多的select2插件的事件使用方法请戳:https://select2.org/programmatic-control/even原创 2021-01-13 16:16:53 · 637 阅读 · 0 评论 -
jq获取select中的所有的option个数,多选的下拉框已选中的option个数,已选中的option的所有值
获取已选中的option的值,多选下拉框已选中的索引值$('.btn-exchange').click(function(){ //获取id="select-brands"select 单选下拉框选中的索引值 var brandCode = $('#select-brands').find('option:selected').val(); //获取id="select-brands"select 单选下拉框选中的文本 var brandName = $原创 2021-01-13 16:08:50 · 2404 阅读 · 0 评论 -
input checkbox 开关配置(绑定开关背景颜色或文字)使用bootstrap switch开关组件
html代码: <input id="heightRecall" type="checkbox">js代码:$('#heightRecall').bootstrapSwitch({ onText:"已显示", offText:"已隐藏", onColor:"success", offColor:"default", size:"small", });运行效果:原文链接:https://blog原创 2020-08-13 15:15:42 · 614 阅读 · 0 评论 -
js获取图片实际大小的宽高
js获取图片实际大小的宽高的方法,找了一篇比较不错的博文:https://www.jianshu.com/p/41ff1d103d3f原创 2020-08-11 14:45:55 · 1155 阅读 · 0 评论