javascript - 一个列表在渲染和绑定事件的时候,怎么处理好?//js对象
大家讲道理
大家讲道理 2017-04-10 15:46:18
[JavaScript讨论组]

后端给我一个数组,每个数组对应图片上的一行数据,这样的列表怎么渲染和绑定事件(点击地图展现不同酒店的map)比较好?
1.我一次性全部都渲染完毕拍在页面上,坐标信息放在 dom元素的attribute上。

//绑定点击地图事件
$("content").on("click","li",function(){
    //show map
    //通过 getAttribute()获得坐标信息。
})

2.每一行当作一个对象看待,渲染一行就new一个对象,坐标信息都放在对象实例中,然后append到页面中。

//绑定点击地图事件
$(",map").bind("click"function(){
    //show map
    //通过this 获得坐标信息
})

哪种效率比较高?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(2)
怪我咯

关于效率,我觉得还是第一种比较高,但我更推荐第二种,因为第二种更符合分层的编程思想。

高洛峰

第1种方法,
content元算下的子元素多的话,冒泡经过的元素就会很多,效率就不高了
第2种方法更有效率些
1行数据只有1个map吧,此时坐标信息像第1种方法那样作为自有属性加到元素中去
地图

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号