http://ww3.sinaimg.cn/bmiddle/69dd3998gw1esgaa2piilj20ae09pmy8.jpg
当在上面列表选中图片下面会同步显示,取消的时候下面也取消;下面点击删除之后上面的也同步去选选择。
我自己只能想到用title属性去去对应的元素,但是感觉怪怪的
1
EXDestroyer OP |
2
xff1874 2015-05-25 10:31:44 +08:00
操作同一份数据,通知,两个组件同时刷新。
|
3
abelyao 2015-05-25 10:40:21 +08:00 via iPhone
弄个统一 id,其中一个选中的时候,把另一个列表相同 id 的也加上选中样式。
|
4
EchoChan 2015-05-25 10:44:13 +08:00
数据绑定?
|
5
EXDestroyer OP @abelyao 另一个列表本身是空的,只有第一个列表选中的才会出现在那里
|
6
EXDestroyer OP @xff1874 可以讲详细点吗,我不太明白
|
7
sneezry 2015-05-25 10:46:29 +08:00
用angular什么的就会方便很多~
|
8
abelyao 2015-05-25 10:48:17 +08:00
@EXDestroyer 空的也行呗,上面选中的时候,下面再动态创建 dom 也可以,思路都一样嘛,或者下面默认是隐藏的,上面选中的时候下面显示出来,容易做许多。
|
9
EXDestroyer OP @EchoChan 你说的是 双向数据绑定 这个东西吗
|
10
EXDestroyer OP 对了 还忘了说,上面那个select下拉选项切换之后上面的列表会改变,但是下面的不会
|
11
mhycy 2015-05-25 11:21:06 +08:00
上面的元素带上id, 或者class
具体id号就用数据库记录的id就够了 然后上面选择的时候同步加入一个新的元素进入下面的ul(有图有id还插不进去?) 同时上面的元素class加入on 如果你需要按上面的顺序呈现那么就重新生成ul,或者遍历插入,随便怎么实现 删除同理, 移除元素并遍历上面的ul找出同id的把on去掉 |
12
EchoChan 2015-05-25 11:35:32 +08:00
@EXDestroyer 恩。
|
13
heaton_nobu 2015-05-25 11:44:50 +08:00
第一想法也是angularjs
|
14
alayii 2015-05-25 13:18:14 +08:00
用事件,上面 ul 选中后 trigger 下面 ul 的一个事件,下面的 ul 监听这个事件
|
15
EXDestroyer OP @alayii 这个没法trigger吧,下面的顺序和对应的图片id每次都不一样
|
16
kisshere 2015-05-25 13:37:14 +08:00 via Android
楼上一群菜鸟也是醉了,连angularjs这么垃圾的框架都用上了,用jQuery的each遍历上面的每个元素吧,给每个元素设置一个flag,比如title啊name啊都可以,each遍历每个flag把他append到下面就行
|
18
EXDestroyer OP |
19
kisshere 2015-05-25 13:47:09 +08:00 via Android
@EXDestroyer 如果要翻页,也只能ajax翻页吧,将数据push到一个全局array中,或者cookie也行,setinterval隔200ms遍历一次cookie,清空下面的ul,再append到下面ul中
|
20
loading 2015-05-25 14:23:39 +08:00 via Android
|
21
xff1874 2015-05-25 17:09:41 +08:00
@EXDestroyer 我会用MVVM框架,定义一个model,两个view。一个view刷新所有的数据,另外一个view刷新model里面的部分数据(选中的)。然后监听数据的变动,刷新两个view即可。
|
23
xff1874 2015-05-25 17:19:11 +08:00
@mhycy 在我看来,这种方式简单多了。一个是避免了不必要的Dom操作,节点的查找,插入,删除。二是框架里面都有接口,我们只需要写几个事件的处理函数即可。
|
24
feiyuanqiu 2015-05-25 17:36:34 +08:00
渣php选手试着做了一下,拖放没弄过,等下去翻翻书
http://jsbin.com/wucunagixi/1/edit?html,output |
25
EXDestroyer OP @feiyuanqiu 厉害,谢谢,但是我需要纯前端的,我参考一下
|
26
loading 2015-05-25 20:35:59 +08:00 via Android
@EXDestroyer 还没搞定吗?晕
建议去好好学下 js,别老用别人的代码。 |
27
EXDestroyer OP @loading 这个我不会直接用的,最多只是参考,自己现在是用的生成一个时间戳的class然后两边一起选中,但是对于翻页和切换这样做有点问题,你们说的cookie的话我不熟
|
28
EXDestroyer OP @loading 而且我也不是来求源码的,本身就只是一个练习的demo
|
29
banri 2015-05-26 08:51:24 +08:00 via iPhone
想到的比较粗鲁的办法是上面的相册和图片编号放进array里,也就是pic[0][0]这种形式…
上面的选中后,push到下面的新array里…避免遍历的话可以采用事件委托? 就是不知道性能怎么样… |
30
EXDestroyer OP 搞掂了,用了数据绑定的方法,谢谢提供思路的各位
|