Livid
288.41D
534.46D
V2EX  ›  jQuery

关于层级选择

  •  
  •   Livid ·
    PRO
    · Nov 19, 2012 · 4225 views
    This topic created in 4952 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   ·   2954 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 14:57 · PVG 22:57 · LAX 07:57 · JFK 10:57
    ♥ Do have faith in what you're doing.