1 绑定后台数据到指定模板（无嵌套，内容均为后台数据原始信息，前台绑定）以通话记录页为例：首先指定目标容器： 代码如下: 被叫号码 主叫号码 起始时间 金额($) 时长 区域 CDR ID 其次指定模板数据： 代码如下:${CalledStationId}${CallingStationId.substr(CallingStationId.indexOf("*") + 1)}${StartTime}${CSSCommonJS.ChangeDecimal(Revenue,3)}${CSSCommonJS.GetTimeFormatString(...
代码如下: 天地盟主 QQ：467713292 姓名: {{= name }} 手机号: {{= phone }} //引用两个js 代码如下: var contacts = [ {name:"天地盟主", phone:"467713292"}, {name:"与狼共舞", phone: "206-555-7878" }, {name:"程序员中的菜鸟", phone: "415-555-8888" } ]; //只需要这样一句话就可以将上面定义好的json数据填充到模板里 呈现出来 代码如下: $("#contactTemplate").render(contacts).appendTo("#contactConta...
在初次进行jquery插件开发时，我们往往无从下手，当然我们可以按照jquery官方提供的格式进行简单的插件开发，但是很多时候往往不尽完美，一不小心，就造出一个很“烂”的插件：难以维护、难以扩展、使用繁琐、性能不佳...当我们在不断的实践中，慢慢积累下来时，有些问题得到了有效的避免，但也带来了新的问题：在众多纷杂的jquery插件开发模式中，究竟哪一种模式才是最好的呢？如果能提供一个模板，通过一定的约束和规范为开发者解...
我使用jQuery已经有相当长的时间了，并且我会常常为它写一些插件（plugin）。我尝试过用不同的方式去写，现在这个模板是我最喜欢的：代码如下: ;(function($) {// multiple plugins can go here(function(pluginName) {var defaults = {color: black,testFor: function(div) {return true;}};$.fn[pluginName] = function(options) {options = $.extend(true, {}, defaults, options);return this.each(function() {var elem = thi...
网站首页没有一点动画怎么可以，我以前用过Flash As3做过图片切换，效果非常不错，可是麻烦，改变起来麻烦。一直都想自己做个图片切换效果，总认为比较麻烦，今天自己实践了一下，其实还比较简单。不过有个小问题，IE8不兼容模式下 设置有透明效果的div 样式添加失效了，但是我用谷歌，IE8兼容测试都ok。 反正是给自己记录的，也不多话了，js没有与页面分离，也没有做出插件。一个网站要不了几个这种效果，先实现了再说吧。最后的效...
闲来无事，搞了个页面的分屏效果，先来看下效果： 出于可自定义宽高的目的,屏幕分块由CSS控制，由js控制估计等分模块效果一般.程序相关说明： HTML结构：headerjs调用：//分屏数据var iframes = [{id:'frames_1',frameName:'百度一下',src:'http://www.baidu.com'},{id:'frames_1',frameName:'百度地图',src:'http://map.baidu.com'},{id:'frames_1',frameName:'百度下',src:'http://www.baidu.com'},{id:'frames_1',frameName:'百...
之前用模板渲染都是用angular，无意间发现了jquery tmpl这种轻量级，其文档在这里 官方解释对该插件的说明：将匹配的第一个元素作为模板，render指定的数据，签名如下: .tmpl([data,][options])其中参数data的用途很明显：用于render的数据，可以是任意js类型，包括数组和对象。options一般情况下都是选项了，官方指出，此处的options是一个用户自定义的键值对的map，继承自tmplItem数据结构，适用于模板render动作期间。 在这里可...
通过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。 我们先来看一下html模板： <table id="datas" border="1" cellspacing="0" style="border-collapse: collapse"> <tr> <th> 订单ID</th> <th> 客户ID</th> <th> 雇员ID</th> <th> 订购日期</th> <th> 发货日期</th> <th> 货主名称</th> <th> 货主地址</th> <th> 货主城市</th> <th> 更多信息</th>...
闲来无事，搞了个页面的分屏效果，先来看下效果： 出于可自定义宽高的目的,屏幕分块由CSS控制，由js控制估计等分模块效果一般.程序相关说明： HTML结构： <div class="header">header </div><div class="container" id="displayArea"><!-- 分屏内容渲染区域 --></div> <div class="footer"><!--省略其他代码--> </div>js调用： //分屏数据var iframes = [{id:frames_1,frameName:百度一下,src:http://www.baidu.com},{id:frames_1,...
网站首页没有一点动画怎么可以，我以前用过Flash As3做过图片切换，效果非常不错，可是麻烦，改变起来麻烦。一直都想自己做个图片切换效果，总认为比较麻烦，今天自己实践了一下，其实还比较简单。不过有个小问题，IE8不兼容模式下 设置有透明效果的div 样式添加失效了，但是我用谷歌，IE8兼容测试都ok。 反正是给自己记录的，也不多话了，js没有与页面分离，也没有做出插件。一个网站要不了几个这种效果，先实现了再说吧。最后的效...
我使用jQuery已经有相当长的时间了，并且我会常常为它写一些插件（plugin）。我尝试过用不同的方式去写，现在这个模板是我最喜欢的：代码如下: ;(function($) { // multiple plugins can go here (function(pluginName) { var defaults = { color: black, testFor: function(div) { return true; } }; $.fn[pluginName] = function(options) { options = $.extend(true, {}, defa...
在初次进行jquery插件开发时，我们往往无从下手，当然我们可以按照jquery官方提供的格式进行简单的插件开发，但是很多时候往往不尽完美，一不小心，就造出一个很“烂”的插件：难以维护、难以扩展、使用繁琐、性能不佳...当我们在不断的实践中，慢慢积累下来时，有些问题得到了有效的避免，但也带来了新的问题：在众多纷杂的jquery插件开发模式中，究竟哪一种模式才是最好的呢？如果能提供一个模板，通过一定的约束和规范为开发者解...
代码如下:<body> <h1>天地盟主 QQ：467713292</h1> <!-- 将模版放置的位置标签 --> <div id="contactContainer"></div> <!-- 定义模板的内容布局 和定义显示的字段 --> <script id="contactTemplate" type="text/html"> <div> 姓名: {{= name }} <br /> 手机号: {{= phone }} </div> </script> //引用两个js 代码如下:<script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script> <script src="Scripts/jquery.tmpl...
1 绑定后台数据到指定模板（无嵌套，内容均为后台数据原始信息，前台绑定）以通话记录页为例：首先指定目标容器： 代码如下: <dl class="box_pannel_content_filled_border none" id="gvRecCalls"> <dd class="bg_blue"> <p class="width_level_half_2 fl nopitch"></p> <p class="width_level_half_5 bold fl">被叫号码</p> <p class="width_level_half_5 bold fl">主叫号码</p> <p class="width_level_half_6 bold...
在上一篇JQuery模板插件-jquery.tmpl中介绍了这款插件。有时我们需要去动态的ajax去加载模板，或者数据，根据url参数或者其他信息加载不同的模板，数据。在我的某个项目中有这个需求，所以特地写成jquery工具函数，加入了本地数据和ajax数据加载模板，数据的方式。 参数说明： Tmpl: function(template, data, fun) 1：template： 1）： url: 为ajax的加载url，ajax当且仅当remote= true时候加载。 2）：data: 为ajax加载参数 3） ...