select2

问题： I've been working with AngularJS for the last few weeks, and the one thing which is really bothering me is that even after trying all permutations or the configuration defined in the specification at http://docs.angularjs.org/api/ng.directive:select , I still get an empty option as the first child of select element. 在过去的几周里，我一直在使用AngularJS，而令我困扰的一件事是，即使尝试了所有置换或 http://docs.angularjs.org/api/ng 规范中定义的配置， .directive：select ，我仍然得到一个空选项作为select元素的第一个子元素。 Here's the Jade: 这是玉： select.span9(ng-model='form.type', required, ng-options='option.value as option.name for option in typeOptions'); Here

随着Jquery知识点的结束，我也开始接触到框架来了。 开始的时候，总是听到插件和框架等词，我疑惑框架和插件是啥有啥区别？？ 插件可以说有无数种，在网页中任何一种功能都可以被叫做插件，单独提取出来，可以供别人使用，而框架是一个超大号的的插件，它将各种方法融合成一体，使用者可以使用它来构造不同的功能。插件则专注于一种，往往只有一种功能 。 打个比方比如前面学习的jquery， jquery 就是一个框架，在jquery插件库里 http://www.jq22.com/ 有数不胜数的插件，这些插件绝大部分基于jq框架来编写。 理解完插件和框架的区别，下面来写一写这几天初步学习的插件库 1. jquery 对于我而言肯定是一个熟悉的框架了 官网网址： https://jquery.com/ 插件库： http://www.jq22.com/ 这里简单的介绍一下jquery ：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架 ）。 2. Select2 官网网址： https://select2.org/ 3. Fullpage 官网网址： https://alvarotrigo.com/fullPage/#page1 4. lazyload 官网网址： https:/

3 月，跳不动了？>>> 返回顶部 <style type="text/css"> .to-top {width:37px;height:36px;position:fixed;bottom:150px;right:40px;display:none;background-position-x:-37px;background-image:url(totop.png); } .to-top:hover {background-position-x:0px;} </style> <div class="to-top"></div> <script type="text/javascript"> $(function(){ $win = $(window); $totop = $('.to-top'); $win.scroll(function(){ if( $win.scrollTop()>100 ){ $totop.fadeIn('slow'); }else{ $totop.fadeOut('slow'); } }); $totop.click(function(){ $('body, html').animate({scrollTop:0}, 800); }); }); </script> 解决手机浏览器bfcache导致的后腿页面js不执行 window

select2 官网 https://select2.org bootstrap 中模态框兼容问题： 无法显示，搜索框无法输入内容（ie） 1、设置select的z-index要大于模态框（1050） / 防止select2不会自动失去焦点 / .select2-container { z-index: 16000 !important; } .select2-drop-mask { z-index: 15990 !important; } .select2-drop-active { z-index: 15995 !important; } 2、去掉模态框的tabindex="-1" 3、绑定select2的时候，指定其父元素 dropdownParent: $("#myModal"), tip: 1、去掉搜索框 minimumResultsForSearch: -1 2、改变select的值时，注意手动触发change事件 $("#select2-id").val('value').trigger("change"); 3、移出select2 $("#select2-id").select2("destroy") 来源： oschina 链接： https://my.oschina.net/u/3407699/blog/1920969

-----------------------------------日常记录-------------------------------- 1、初始化 select 的样子 如下： 2、重置后的效果如下： 3、重置的 js 代码如下： $("#selectJumpStep").select2({ templateResult: formatState, templateSelection: formatState, width:"100%" }) function formatState(state){ var $state = $( '<span>' + state.text+ " - " + state.id + '</span>' ); return $state; } 4、相关 select2 的文档： http://select2.github.io/select2/ https://select2.org/data-sources/formats https://blog.csdn.net/tyjlearning/article/details/55100508 来源： https://www.cnblogs.com/zyfenblog/p/12402553.html

原文来自 https://laravist.com/article/18 Laravist 是我刚刚上线的Laravel社区，有任何与Laravel相关的问题可以到这里来问我，我会尽力去帮大家解决问题，后期会尝试录制一些视频教程，形式大概是这样的 https://laravist.com/lesson/1 前奏 在开始正文之前，我们首先来说说在实际的开发中，经常会接触到几种常见的对应关系模式： One-To-One //一对一One-To-Many //一对多Many-To-Many //多对多 不知道你对这些概念是一种什么样的感受，如果是不太理解的。你可以将这些概念应用到生活中，理解起来就很简单了，就举一个与我们在网上经常见到的例子： User-To-Profile // One-To-OneUser-To-Articles // One-To-ManyArticle-To-Comments // One-To-ManyArticles-To-Tags // Many-To-Many 翻译过来就是： 一个用户对应一个用户档案 一个用户可以发表多篇文章 一篇文章可以有多个评论 而文章和标签确实多对多的关系，一篇文章可以有多个标签；一个标签可以属于多篇文章 在这些关系模型中，最难实现的就是Many-To-Many这种多对多的关系，但是我们这个简单地博客并没有用户管理

select2，初始化的时候 $('#type_slt').select2({placeholder:"类别信息", width:"150px"}); 设置了placeholder，但是死活不显示placeholder 研究了半天，设置select2的值为null就可以了 $ ( ". select2 " ). val ( null ). trigger ( 'change' ) ; 来源： oschina 链接： https://my.oschina.net/u/2396236/blog/3155986