`

最近项目调试的时候在firebug中发现EasyUI的组件异步加载时总是加载两次url属性的问题

阅读更多
最近项目调试的时候在firebug中发现EasyUI的组件异步加载时总是加载两次url属性的问题,代码如下:
1 $(function(){
2 $('#comb').combobox({
3 url:'/area/list'
4 });
5 });
6
7 <input id="comb" class="easyui-combobox" type="text" name="comb" />

从以上的代码可以看到页面初始化的时候加载一次combobox组件的url,
html代码中也利用class声明了一次combobox,这样就导致,easyUI解析html代码的时候先解析class声明中的combobox组件请求了一次url然后又调用了js中初始化的代码初始化一次数据,导致重复加载,避免的方法就是只用一种初始化方法来声明easyUI组件,避免重复的提交请求
修改后的代码如下:
1 $(function(){
2 $('#comb').combobox({
3 url:'/area/list'
4 });
5 });
6
7 <input id="comb" type="text" name="comb" />
分享到:
评论

相关推荐

    firebug1.45调试javascript工具

    Firebug 1.45是JavaScript开发者的一个重要工具,它为网页开发人员提供了一套集成在Firefox浏览器中的强大调试功能。这款插件在当时是非常流行的,尤其对于JavaScript的调试、性能分析以及HTML和CSS的调整来说,都是...

    Firebug 火狐调试器

    **火狐调试器——Firebug**,作为一款在JavaScript开发者中广为人知的工具,它在Web开发领域扮演着至关重要的角色。Firebug是Mozilla Firefox浏览器的一个插件,专为前端开发者提供强大的JavaScript调试功能,使得对...

    火狐调试工具firebug

    3. JavaScript调试:Firebug提供了一个强大的JavaScript控制台,可以查看和分析脚本运行时的信息,包括错误、警告以及console.log()输出。你可以设置断点,逐行执行代码,查看变量值,理解程序执行流程,这对于调试...

    Javascript的调试利器Firebug使用详解

    这篇文档将详细介绍Firebug的使用方法及其在JavaScript调试中的关键功能。 一、Firebug安装与启动 Firebug是一款Firefox浏览器的扩展插件,用户可以通过Firefox的Add-ons Manager(附加组件管理器)进行安装。在...

    Firebug控制台动态加载jquery脚本并执行jquery代码

    1. **动态加载jQuery脚本**:在没有预加载jQuery的情况下,我们可以在Firebug控制台中使用`document.createElement('script')`方法创建一个新的script元素,然后设置其`src`属性为jQuery库的URL。例如: ```...

    FireFox调试工具:FireBug加对应版本FireFox

    在描述中,“FireBug加对应版本FireFox”强调了使用FireBug时,必须确保它与您安装的Firefox浏览器版本兼容。因为软件更新迭代快速,不兼容的版本可能会导致功能缺失或运行异常,所以正确匹配FireBug和Firefox的版本...

    Firefox附加组件 firebug

    **Firefox附加组件 Firebug:Web开发者的得力助手** Firebug是Firefox浏览器的一款强大扩展,专为Web开发者设计,提供了一整套工具来帮助他们更好地理解和优化网站的前端部分。这款插件允许用户实时查看、编辑和...

    Firebug调试工具及使用注意事项等相关文档

    3. 避免修改生产环境:在开发环境中使用Firebug调试,避免直接在生产环境中修改代码,以防产生不可预见的后果。 4. 学习曲线:Firebug功能丰富,初学者可能需要时间熟悉各项工具,建议多做实践并查阅相关教程。 5....

    jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容

    在EasyUI的datagrid组件中,通常会配置一些基本的属性如fitColumns表示是否自动调整列宽以填满父元素,url表示数据的来源,pagination表示是否启用分页功能,pageSize表示每页显示多少条记录等。而当数据返回后,会...

    火狐调试插件firebug-1.3.3-fx.zip

    火狐调试插件Firebug是Web开发者不可或缺的工具之一,特别是在1.3.3版本时,它已经展现出强大的功能和实用性。Firebug是一款开源的Firefox扩展,它允许开发者深入浏览器内部,对HTML、CSS、JavaScript以及网络请求...

    firebug 35

    在Firebug 35中,它可能增强了对ES6新语法的支持,以及对于异步代码调试的改进,使得在Firefox 35上的JavaScript调试更加高效。 4. 网络面板:Firebug的网络面板能够追踪HTTP请求和响应,帮助开发者分析页面加载...

    FireBug Web 开发调试工具

    总的来说,FireBug作为一款强大的Web开发调试工具,是每个前端开发者不可或缺的助手,它极大地提升了开发效率,简化了问题排查的过程,对于提升整体项目质量有着显著的推动作用。无论你是初学者还是经验丰富的开发者...

    Firebug 调试javascript教程

    在现代Web开发领域,调试工具扮演着至关重要的角色,它们帮助开发者迅速定位并解决代码中的问题,提高开发效率。其中,Firebug作为一款强大的浏览器插件,自发布以来便受到了广泛欢迎。它不仅能够帮助开发者调试...

    使用firebug调试js的方法

    Firebug会在Script面板底部的Console区域显示JavaScript运行时的错误和警告信息,帮助开发者定位问题所在。 5. **性能分析** 使用Firebug的Profiler功能,你可以分析JavaScript函数的执行时间,找出代码中的性能...

    如何使用firebug进行调试

    - Firecookie是Firebug的附加组件,提供cookie管理功能,可以添加、删除和修改页面cookie,对cookie相关的调试非常有用。 总的来说,Firebug是前端开发者的得力助手,通过它,你可以深入理解网页的工作机制,提高...

    IE中使用firebug

    标题中的“IE中使用Firebug”指的是在Internet Explorer(IE)浏览器中利用Firebug这一强大的开发者工具进行网页调试和分析的技术。Firebug原本是Firefox浏览器的一个扩展,但这里提到的是在IE环境下的一种类似功能...

    火狐+firebug调试工具

    开发者可以直接在浏览器中修改元素属性,查看更改效果,方便调试布局问题。 2. CSS调试:通过Firebug,开发者可以查看每个元素应用的CSS样式,包括行内样式、内联样式表和外部样式表。同样支持实时编辑,即时查看...

    javascript调试工具firebug-1.4.0b4

    JavaScript是Web开发中的核心语言,而Firebug是Firefox浏览器中的一款强大插件,专为开发者设计,用于调试JavaScript、查看CSS、操作DOM以及分析页面性能。"javascript调试工具firebug-1.4.0b4"这个标题指出我们讨论...

    firebug 1.7.0 官方版本

    在Firebug 1.7.0这个版本中,它包含了多项重要的改进和新特性,使得前端开发和调试变得更加高效。 首先,让我们深入了解Firebug 1.7.0的主要功能: 1. **HTML面板**:Firebug的HTML面板允许开发者查看和编辑页面的...

Global site tag (gtag.js) - Google Analytics