关于层级选择 - V2EX
Livid
277.21D
571.96D

关于层级选择

  •  
  •   Livid
    PRO
    Nov 19, 2012 4184 views
    This topic created in 4925 days ago, the information mentioned may be changed or developed.
    有 jQuery 插件可以方便地实现类似这样的选择界面么?

    https://www.apple.com/downloads/dashboard/
    6 replies    1970-01-01 08:00:00 +08:00
    SErHo
        1
    SErHo  
       Nov 19, 2012
    http://www.appelsiini.net/projects/chained

    这个有点像,不过界面是下拉框的。
    cutehalo
        2
    cutehalo  
       Nov 19, 2012   1
    chained有点类似 不过是个select下拉列表
    http://www.appelsiini.net/projects/chained
    bitsmix
        3
    bitsmix  
       Nov 19, 2012
    自己写插件不行咩。。
    Julyyq
        4
    Julyyq  
       Nov 19, 2012
    自己写一个,很快的。
    loddit
        5
    loddit  
       Nov 20, 2012
    因为最近刚做了一个这个东西说一下哈,如过用最基本的标签确实不难写。
    这里有一个主要选择我觉得是一次加载进来还是用 ajax 按需加载,具体要看层级和选项的数量了。

    最简单的方式大家都想的到:给上一级的选择器绑定事件,如果是选择一次加载用个 object 存下对应关系, 重新替换下一级选择器的 DOM 就好了。

    btw 如果你的选择器是 <select-option> 的话,需要注意不要使用 jQuery的 hide() 或类似的 fadeOut() 等实际是 display: none 的操作来实现层级。因为很容易在不同的浏览器和平台下出现奇怪的问题,虽说这样写可能更符合直觉。

    如果是更复杂的应用,就用些前端 MVC 框架绑定数据和视图,显得就更专业了。
    chone
        6
    chone  
       Nov 20, 2012
    其实就是tabview嘛
    http://jqueryui.com/tabs/
    About     Help     Advertise     Blog     API     FAQ     Solana     3041 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 42ms UTC 08:52 PVG 16:52 LAX 01:52 JFK 04:52
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86