作者robenten (:)
看板Web_Design
标题[问题] div中放置数个div
时间Fri Dec 27 23:59:22 2013
各位版友好, 小弟想制作题目勾选的效果, 於是在外框<div>中置入图片<img>与数个
代替按钮的<div>, 不知道为什麽按钮位置只有在CSS中div div{}下设定才行, 在ID下设定
都没有作用, 而且仅出现一个按钮(html的div中有两个div), 请问有高手知道原因吗?
请参考原始码:
http://jsfiddle.net/robenten/u4F2r/5/ 谢谢各位~
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 36.224.52.38
※ 编辑: robenten 来自: 36.224.52.38 (12/28 00:05)
1F：推 gary22204:两个按钮都有出来，只是因为绝对位置的关系被放在同一个 12/28 00:50
2F：→ gary22204:位置，我也不知道为什麽＃1st不能那样写，我也是新手... 12/28 00:51
3F：推 iceblue7x:违反id命名规则 12/28 02:35
4F：→ robenten:嗯嗯 应该是id命名开头不能使用数字 谢谢楼上两位 12/28 13:38
6F：→ robenten:不过使用first-child跟nth-child就不行了 12/28 13:50
8F：→ robenten:有人知道原因吗? 12/28 13:50
10F：→ robenten:first-child是一个selector可以在CSS使用 请参考 12/28 22:17
12F：→ robenten:现在加上点选後可以改变按钮颜色的功能, 不过在点选後 12/28 22:23
13F：→ robenten:取消mouseenter & mouseleave的颜色淡出效果 12/28 22:24
15F：→ robenten:有人知道要如何办到吗? 困扰一整天了.... 12/28 22:25
16F：推 s540421:有highlighted class的div就不触发event 12/29 10:32
17F：→ s540421:$('div div:not(.highlighted)').mouseenter(...) 12/29 10:33
18F：→ s540421:而题目太多时会有效能问题，可以改将事件绑定到parent上 12/29 10:34
19F：→ s540421:假定题目div给他一个叫做 quiz 的 classname 12/29 10:35
20F：→ s540421:$('div.quiz').on('mouseenter', 'div:not(highlighted)', 12/29 10:36
21F：→ s540421: ...); 12/29 10:36
23F：→ s540421:再做了点修改，让fadeTo动画能即时反应事件 12/29 11:00
25F：→ robenten:谢谢 s大 不过我把我的code加上not的条件後还是不行 12/29 23:55
27F：→ robenten:恩 刚刚研究一下似乎一定要使用on() 因为ready()时 12/30 00:17
28F：→ robenten:所有的class都已经纪录 所以toggleClass没有作用 12/30 00:18
29F：→ robenten:谢谢提醒 :) 12/30 00:18