用 js 如何实现两个 ul 选中的内容同步呢

2015-05-25 10:23:44 +08:00
 EXDestroyer

http://ww3.sinaimg.cn/bmiddle/69dd3998gw1esgaa2piilj20ae09pmy8.jpg
当在上面列表选中图片下面会同步显示,取消的时候下面也取消;下面点击删除之后上面的也同步去选选择。

我自己只能想到用title属性去去对应的元素,但是感觉怪怪的

2819 次点击
所在节点    前端开发
30 条回复
xff1874
2015-05-25 17:09:41 +08:00
@EXDestroyer 我会用MVVM框架,定义一个model,两个view。一个view刷新所有的数据,另外一个view刷新model里面的部分数据(选中的)。然后监听数据的变动,刷新两个view即可。
mhycy
2015-05-25 17:11:59 +08:00
@xff1874
有必要么...
增加大量代码但并不降低易用程度....囧
xff1874
2015-05-25 17:19:11 +08:00
@mhycy 在我看来,这种方式简单多了。一个是避免了不必要的Dom操作,节点的查找,插入,删除。二是框架里面都有接口,我们只需要写几个事件的处理函数即可。
feiyuanqiu
2015-05-25 17:36:34 +08:00
渣php选手试着做了一下,拖放没弄过,等下去翻翻书
http://jsbin.com/wucunagixi/1/edit?html,output
EXDestroyer
2015-05-25 20:24:36 +08:00
@feiyuanqiu 厉害,谢谢,但是我需要纯前端的,我参考一下
loading
2015-05-25 20:35:59 +08:00
@EXDestroyer 还没搞定吗?晕
建议去好好学下 js,别老用别人的代码。
EXDestroyer
2015-05-25 20:53:11 +08:00
@loading 这个我不会直接用的,最多只是参考,自己现在是用的生成一个时间戳的class然后两边一起选中,但是对于翻页和切换这样做有点问题,你们说的cookie的话我不熟
EXDestroyer
2015-05-25 20:54:47 +08:00
@loading 而且我也不是来求源码的,本身就只是一个练习的demo
banri
2015-05-26 08:51:24 +08:00
想到的比较粗鲁的办法是上面的相册和图片编号放进array里,也就是pic[0][0]这种形式…

上面的选中后,push到下面的新array里…避免遍历的话可以采用事件委托?

就是不知道性能怎么样…
EXDestroyer
2015-05-27 11:40:01 +08:00
搞掂了,用了数据绑定的方法,谢谢提供思路的各位

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/193487

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX