miniuijs拼接html没样式

JavaScript016

miniuijs拼接html没样式,第1张

var html = "

" +

" " +

" \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>