模仿京东的城市选择组件。支持无限选择,只要在地区json里面添加数据即可。
HTML结构:
- <!–主体内容–>
- <div id=“store-selector”>
- <div class=“text”><div id=“locationName”>上海市</div><b></b></div>
- <!–数据显示–>
- <div class=“content”>
- <div class=“JD-stock”>
- <ul class=“tab” id=“tabs”>
- <li class=“curr” data-index=“0”><a class=“hover” href=“javascript:;”><em>上海市</em></a></li>
- <li data-index=“1”><a class=“” href=“javascript:;”><em></em></a></li>
- <li data-index=“2”><a class=“” href=“javascript:;”><em></em></a></li>
- <li data-index=“3”><a class=“” href=“javascript:;”><em></em></a></li>
- </ul>
- <!– 城市选择区域 –>
- <div id=“stock_province_item” data-widget=“tab-content” data-area=“0” class=“mc”></div>
- </div>
- <!– 关闭 –>
- <div class=“close” id=“d-close”></div>
- </div>
- </div>
调用:
- maps();
上海市
数据都存在json.js里面。