" +
" " +
" \n" +
" \n" +
" \n" +
" \n" +
"
"
$(this).before(html)
例1 样式
bootstrap checkbox和radio
页面上bootstrap 的样式没有生效
解决办法:
//渲染js拼接的radio,checkbox按钮
$('input[type=checkbox]').iCheck({
labelHover :false,
cursor :true,
checkboxClass :'icheckbox-blue',
increaseArea :'20%'})
//渲染js拼接的radio,checkbox按钮
$('input[type=radio]').iCheck({
labelHover :false,
cursor :true,
radioClass :'iradio-blue',
increaseArea :'20%'})
例2
点击事件
此点击事件无效
$(function() {
$(".fa-remove").click(function() {var tr = $(this).parent()
tr.remove()
})
})
原因:
因为append中的节点是在整个文档加载后才添加的,页面并不会为未来的元素初始化添加点击事件,所以使用这种方式动态添加的节点中的点击事件没有生效。
解决方案:
事件委托。给所有的类名为.div的元素添加点击事件,将指定事件绑定在document上,只要而新产生的元素符合指定的元素,就会绑定此事件 ,而且这种方法当页面需要为多个节点初始化事件的时候,就不需要一个个加onclick事件。
$(document).on("click", ".fa-remove", function() {var tr = $(this).parent()
tr.remove()
})
UI即User Interface(用户界面)的简称。UI一般指的是各种软件的界面,主要是偏向设计,一般用来出设计稿。
前端主要是偏向页面制作和APP,开发重点是实现各种交互。指的是网站的页面,负责系统前端是指应用的表层部分,就是用户直接能看到的。
userinterfacedesigner用户界面规划,UI规划包含构思手绘、平面规划、Web前端规划、多屏界面规划和工作规划5个模块。需要掌握photoshop、AI、SKetch等绘制界面与基本动效的软件,具备一定的网页与app设计规范,与一定交互常识。
前端是对网站进行开发,主要用到HTML5、css、js等语言,一般使用webstorm和sublime等软件。
而且在现在的工作中,UI设计与web前端工作也是衔接具体分工的。
到下面的地址下载一份完整的jqueryui开发包zip文件,然后解压缩后,里面的development-bundle\ui目录下就会看到所有的jquery.ui.*.js文件,其中就有你说的 jquery.ui.position.js和jquery.ui.dialog.js文件。
一般开发的时候,把下面的js文件引入就可以了。
<script type="text/javascript" src="ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="ui/jquery.ui.mouse.js"></script>
<script type="text/javascript" src="ui/jquery.ui.button.js"></script>
<script type="text/javascript" src="ui/jquery.ui.draggable.js"></script>
<script type="text/javascript" src="ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="ui/jquery.ui.dialog.js"></script>