V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Livid
V2EX  ›  jQuery

关于层级选择

  •  
  •   Livid · 2012-11-19 21:54:07 +08:00 · 3614 次点击
    这是一个创建于 4416 天前的主题,其中的信息可能已经有所发展或是发生改变。
    有 jQuery 插件可以方便地实现类似这样的选择界面么?

    https://www.apple.com/downloads/dashboard/
    6 条回复    1970-01-01 08:00:00 +08:00
    SErHo
        1
    SErHo  
       2012-11-19 22:10:01 +08:00
    http://www.appelsiini.net/projects/chained

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

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

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

    如果是更复杂的应用,就用些前端 MVC 框架绑定数据和视图,显得就更专业了。
    chone
        6
    chone  
       2012-11-20 00:37:46 +08:00
    其实就是tabview嘛
    http://jqueryui.com/tabs/
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4144 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 05:28 · PVG 13:28 · LAX 21:28 · JFK 00:28
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.