jQuery城市切换插件
城市切换的电影票插件，用 jQuery 搞定其实还挺顺的。这玩意儿专门给在线电影票平台用的，点几下就能切城市，查场次和票价，一气呵成，体验还蛮不错的。
插件主要靠jQuery来做 DOM 操作，比如$('.city-item').click()切换城市，$('#movieList').html(data)更新内容，写起来也不复杂，上手快。
要实时拉数据？靠AJAX就能搞定。用$.getJSON()从后端拉每个城市的电影信息，不用整个页面刷新，响应也快。
后端数据一般都是JSON格式，前端收到后用$.parseJSON()（不过新版本 jQuery 里直接就能）转成对象，再动态更新 DOM 就完事了。
城市列表、电影信息这些基本都是动态生成的，直接用$('造节点、设置.text()、再.appendTo()对应的位置，灵活。
插件里还用到了事件委托，比如城市列表是动态生成的，不给每个城市绑事件。那就用$('.city-list').on('click', '.city-item', handler)，效率高还省事。
交互这块也考虑得挺周到，比如用.fadeIn()、.fadeOut()搞个淡入淡出，界面切得更顺眼；提示信息也放得比较合理。
另外还支持响应式设计，不管你用手机、平板还是 PC 都能自适应，配合@media或者 Bootstrap 都行，兼容性也不错。
如果你正好在做在线电影票平台，或者有切换城市这种类似需求的模块，可以下载这个插件看看，适配一下就能用，省下不少时间。
下载地址
用户评论
