问题描述:当引用了jquery框架后,页面的js不能正常工作。 后面我的解决办法:是因为在引用 jquery的框架时的代码为 <script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js" /> 改为如下的引用方式<script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js"></script> 问题解决。 以上这篇引用jquery框架后出错的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也...
目前有大量的 javascript 开发框架,其中有一部分使用 $ 作为调用符号,这可能导致相互之间的冲突,而 jQuery 为解决这个问题,可以在 jQuery 导入时放弃 $ 使用权,届时 $ 则由其它框架使用,这样可以避免相同名字的函数调用不再冲突。 jQuery 使用 noConflict 方法来放弃 $ 调用时的命名,之后由 jQuery 代替 $ 进行编写。 例如:alert($(#message).val()); 必须修改为 alert(jQuery(#message).val()); jQuery 才能正常运行。 <s...
声明,该DEMO依托于某个培训机构中,非常感谢这个培训结构。话不多说,现在开始改demo的制作。 首先,在前端的学习过程中,轮播图是我们一定要学习的,所以为了更加高效的实现各种轮播图,封装了一个运动的框架。 function getStyle(obj,attr) {if(obj.currentStyle){return obj.currentStyle[attr];//为了获取IE下的属性值}else{return window.getComputedStyle(obj,null)[attr];//为了获取W3C浏览器下的属性值} }function animat...
在6月google发布了AngularJs 1.0稳定版,并宣称:AngularJS可以让你扩展HTML的语法,以便清晰、简洁地表示应用程序中的组件,并允许将标准的HTML作为你的模板语言,AngularJS可以通过双向数据绑定自动从拥有JavaScript对 象(模型)的UI(视图)中同步数据。开始接触AngularJs是在4月份来到新项目组,这时AngularJs还处于0.8未稳定版,项目中已经开始使用了,并且这套框架应用到了项目整个UI端,服务端也是未稳定的web api,真心佩...
本文为大家分享一个很实用的js验证框架实现源码,供大家参考,具体内容如下 关键方法和原理:function check(thisInput) 方法中的if (!eval(scriptCode)) { return false;} 调用示例:代码如下:<input type="text" class="text_field percentCheck" name="progress_payment_two" id="progress_payment_two" inputName="进度款2比例(%)" validate="isNumeric;notNull" maxLength="350" value="" /> 验证时会自动调用:isNumeric 方法...
使用Really_easy_field_validation_with_Prototype进行表单验证,具体内容如下 1、第一步当然是先引入js和css文件。 <link href="${ ctx}/skin/css/validation.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="${ ctx}/scripts/prototype.js"></script> <script type="text/javascript" src="${ ctx}/scripts/effects.js"></script> <script type="text/javascript" src="${ ctx}/scripts/validati...
在 Extjs 开发中,我们需要屏蔽一些键盘按键,来避免用户在使用键盘操作的过程中不小心按到这些快捷键造成输入信息丢失等问题. Ext.onReady(function(){ Ext.WindowMgr.zseed = 10000; Ext.QuickTips.init(); Ext.getDoc().on("contextmenu", function(e){ e.stopEvent(); }); if(document.addEventListener){ document.addEventListener("keydown",maskBackspace, true); }else{ document.attachEvent("onkeydown"...
上一篇 Bootstrap自定义文件上传下载样式(//www.gxlcms.com/article/85156.htm)已经有一段时间了,一直在考虑怎么样给大家提交一篇完美的逻辑处理功能。现在我结合自己的实际工作给大家分享一下。 使用的技术有jquery.form.js框架, 以及springmvc框架。主要实现异步文件上传的同时封装对象,以及一些注意事项。 功能本身是很简单的,但是涉及到一些传递参数类型的问题。例如:jquery的ajax方法与jquery.form.js中的ajaxSubmit方...
1 最简单的Grid Panel Grid Panel是ExtJS的核心部分之一,通过Grid Panel可以对数据显示、排序、分组和编辑。Model和Store是Grid Panel处理数据的核心,每个Grid Panel都必须设置Model和Store。要创建Grid Panel,首先要定义Model,Model包括了Grid Panel所有需要显示的字段,相当于数据库中表字段的集合。Store可以看作是一行数据的集合或者是Model的实例集合,每个Store都包含一个或多个Model实例,Grid Panel显示的数据都存储在...
Ext.Date是一个单例,封装了一系列日期操作函数,扩展JavaScript Date的功能,下面列出一些常用的功能。 基本函数: Ext.Date.add(date, interval, value) 给date增加或减少时间,这个函数不改变原有Date对象的值,而是返回一个新的Date对象。Ext.Date.between(date, start, end) 判断date是否在start和end之间。Ext.Date.clearTime(date, clone) 把date的时间设置成00小时00分00秒000毫秒。Ext.Date.clone(date) 克隆date的一个副...
ExtJS中表格的特性简介 表格由类Ext.grid.GridPanel定义,继承自Ext.Panel,xtype为grid 表格的列信息由Ext.grid.ColumnModel定义 表格的数据存储器由Ext.data.Store定义,根据解析数据的不同,数据存储器可具体分为如下几种: JsonStore,SimpleStore,GroupingStore… 一个表格的基本编写过程: 1、创建表格列模型 var cm = new Ext.grid.ColumnModel({{header: 角色, dataIndex: role},{header: 等级, dataIndex: grade},{heade...
在ExtJS中,不管是叶子节点还是非叶子节点,都统一用TreeNode表示树的节点。在ExtJS中,有两种类型的树节点。一种节点是普通的简单树 节点,由Ext.tree.TreeNode定义,另外一种是需要异步加载子节点信息的树节点,该类由Ext.tree.AsyncTreeNode定 义。 在数据中, text 显示文字, leaf 节点 , children 子节点,expanded 展开var store = Ext.create(‘Ext.data.TreeStore, { root: { expanded: true, children: [ { text: “留学...
本文实例为大家分享了js验证框架,很实用,供大家参考,具体内容如下 1、关键方法和原理:function check(thisInput) 方法中的if (!eval(scriptCode)) { return false;} 2、调用示例:代码如下: <input type="text" class="text_field percentCheck" name="progress_payment_two" id="progress_payment_two" inputName="进度款2比例(%)" validate="isNumeric;notNull" maxLength="350" value="" /> 3、验证时会自动调用:isNumeric...
一.表单组件基础 1.组件简介 jQuery Mobile 中的表单组件是基于标准 HTML ,然后在此基础上增强样式,因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是, jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式,因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。 jQuery Mobile 的表单组件有以下几种: (1)文本输入框, type="text" 标记的 input 元素会自动增强为 jQuery Mobile 样式...
一.jQuery Mobile 的渐进增强设计与浏览器支持 根据维基百科( Wikipedia ) 的解释,渐进增强的设计主要包括以下几点 basic content should be accessible to all web browsers (所有浏览器都应能访问全部基础的内容)basic functionality should be accessible to all web browsers (所有浏览器都应能访问全部基础的功能)sparse, semantic markup contains all content (所有的内容应该在少量语义标签内)enhanced layout is...