`
mewleo
  • 浏览: 74913 次
  • 性别: Icon_minigender_1
  • 来自: 济南
最近访客 更多访客>>
社区版块
存档分类
最新评论

mootools与JST模板的冲突

阅读更多

一直以来很青睐于steve.yen设计的模板引擎JST(JavaScript Templates),非常好用。

而最近开始使用mootools这个优秀的ajax框架,几天前遇到一个奇怪的问题,一直无解。

 

现象: 当使用JST的循环标签{for obj in list}时,集合的长度一点错误没有,而在实际输出的时候总是

多循环一次。

 

开始没有在意,以为是jst的模板没写好。两天以后来解决这个问题的时候,发现咋都要多循环一次。。。

调试N久,把数据来回测试,就是这个首页面有问题,最后把数据清掉,空的集合居然还会循环1次。。。

 

没辙用steve大侠的demo做测试,啥问题都没,一气之下把demo的代码直接粘贴到首页面里了(其实是不小心按错了)

执行以后惊奇的发现在最后输出的那行不再是错误,而是一个大写的"ARRAY",再看demo的模板,输出他的对象是

p.name ,层层抽丝后终于锁定,这个页面里所有的js array对象的最后一个元素在jst循环的时候都会多出一个array。

 

终于把目光锁定在了那个唯一存在的外部js文件 mootools.js ,仔细查看才发现好多重新定义的array函数,直接去掉

引用,马上一切OK了。。。。。。。。。。。

 

诶,真是让人抓狂的问题,临时在循环中加了个p.name=='array'就break的判断跳过这个问题。

 

要想彻底解决,还要阅读jst的源码,好头疼啊,放弃了,有时间再说。

分享到:
评论
3 楼 hejin1026 2008-10-24  
JST什么东西啊,也是个JS库吗?难道比mootools还牛,不可能吧
2 楼 mewleo 2008-10-21  
先佩服下 achun ,jct很好,很强大。


1 楼 achun 2008-10-21  
呵呵,碰到侵入的麻烦了吧.
这样写程序会把人烦死的.
建议您使用jQuery.
还有就是推荐我写的模板jCT,楼主有使用jst的经验,如果用jCT的话,肯定更顺手.
jct 专题
http://achun.iteye.com/category/33268
jct 开源主页
http://code.google.com/p/jsct/

相关推荐

    Mootools做的模板引擎插件,实现代码分离

    在给定的标题和描述中,我们聚焦于Mootools的一个重要应用:模板引擎插件,它主要用于实现代码的分离。 **模板引擎**是Web开发中的一个重要概念,它允许开发者将数据和展示逻辑相分离。通过模板,你可以预先定义好...

    mootools

    5. **Ajax通信**:MooTools提供了Ajax组件,用于与服务器进行异步数据交换,支持GET、POST等多种HTTP请求方式。 6. **工具函数**:MooTools包含一系列实用的工具函数,如数组、字符串、日期等常用操作的辅助方法,...

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    - **互操作性**:MooTools允许在项目中与其他库共存,通过NoConflict模式可以避免命名冲突。 5. **MooTools的应用场景** - **网页动态效果**:MooTools的Fx模块非常适合创建复杂的页面动画和交互效果。 - **Ajax...

    Mootools 1.2.1 API 文档

    对于Joomla爱好者而言,Mootools不仅是Joomla自带的JS库,而且是开发Joomla扩展和模板时不可或缺的一部分。 Mootools的核心理念是模块化设计,它将JavaScript的功能拆分成一系列可复用的模块,如核心、DOM、事件、...

    mootools详细教程chm

    **MooTools 详解** MooTools 是一个轻量级且功能强大的JavaScript库,它提供了一种优雅的方式来处理DOM操作、事件、动画效果以及Ajax交互。这个“mootools详细教程chm”包含了丰富的资源,旨在帮助开发者深入理解和...

    Mootools1.2.3各版本下载

    6. **Mootools与现代前端框架** 虽然现代前端开发中,许多开发者转向了Angular、React或Vue.js等更先进的框架,但MooTools仍然在一些项目中被使用,特别是在维护旧代码库或者对性能有严格要求的情况下。 总结,...

    mootools tree and table

    在IT领域,JavaScript库MooTools是一个非常受欢迎的框架,用于增强网页的交互性和功能。MooTools提供了许多工具和组件,其中包括对于tree(树形结构)和table(表格)的处理,使得开发者能够轻松创建复杂的用户界面...

    MooTools 帮助文档 中文

    MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的...

    mootools 1.2 中文文档

    - **类与对象**:MooTools支持基于原型的面向对象编程,通过`Class`和`Object`构造器创建类和实例,允许继承和混合(mixin)。 - **链式调用**:MooTools的API设计使得大部分方法返回当前对象,方便进行链式调用,...

    mootools开发手册中文版

    1. **对象与类**:MooTools 使用原型继承来实现面向对象编程,提供了强大的类系统。开发者可以通过`extend`方法来扩展已有类,通过`implement`方法添加新方法或属性。此外,`Object`类是所有MooTools类的基础,提供...

    mootools源码分析.rar

    8. **DOM遍历与选择**:MooTools的`Selectors`模块实现了CSS选择器,使得选取DOM元素更为方便。分析这部分源码,我们可以学习如何实现高效的选择器引擎。 9. **浏览器兼容性**:MooTools致力于跨浏览器兼容性,通过...

    mootools.js插件 1.4.5 core下载.zip

    比prototypejs更丰富、更强大的mootools.js插件 1.4.5 core下载。mootools.js可以生成较为复杂的、动态的网页交互效果,和jquery一样强大。。Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似...

    Mootools v1.11 文档 pdf html Mootools v1.2.1 js

    MooTools 是一个轻量级、模块化的JavaScript库,它为Web开发提供了强大的工具和功能。这个压缩包包含了MooTools的两个主要版本——v1.11和v1.2.1的相关文档,以及可能的HTML和JavaScript文件,帮助开发者理解和使用...

    mootools教程

    4. **MooTools与Ajax** 在Ajax开发中,MooTools的Element方法尤其有用,因为它们允许开发者轻松地更新DOM结构,添加、删除或修改内容,而无需关心浏览器兼容性问题。MooTools已经处理了这些问题,使得开发者可以...

    mootools 弹出框

    **三、弹出框动画与交互** 为了增加用户体验,弹出框通常会有显示和隐藏的动画效果。MooTools的`Fx.Tween`类可以帮助我们实现这一点: ```javascript var popupFx = new Fx.Tween(popup, { property: 'opacity', ...

    mootools-release-1.11

    8. **插件扩展**:MooTools的生态系统还包括一系列插件,如`More`集合,提供了额外的功能,如拖放、滑块、提示框等,这些插件可以方便地与核心库集成。 通过"mootools-release-1.11.js"这个文件,开发者可以直接...

    MooTools帮助文档api

    MooTools 帮助文档 api ajax

    mootools 对话框

    MooTools Dialog与jQuery UI的Dialog或Bootstrap的Modal类似,但每个库都有其独特之处。MooTools Dialog在性能和灵活性方面有良好表现,尤其适合那些已经使用MooTools的项目。然而,选择哪个库取决于项目的需求,如...

    ajax mootools 下载与资料

    **Ajax与MooTools** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的运用极大地提升了用户体验,因为它允许页面在后台与服务器进行数据交换,...

    MooTools Mocha UI 最新版

    这些组件不仅在功能上模拟了桌面应用的交互,而且在视觉上也追求与Windows操作系统类似的风格,以提升用户的熟悉感和舒适度。 Mocha UI 的一个重要特点是其跨浏览器兼容性。这意味着开发人员可以利用这个框架来构建...

Global site tag (gtag.js) - Google Analytics