jquery手機觸屏滑動拼音字母城市選擇器代碼

今天用到城市選擇，直接用拼音滑動方式來選擇，用的時候引入jquery（個別樣式需要自己修改）

<div class="yp_indz"><img src="images/dizhi.png" alt=""><em>北京</em></div>

<!--省份列表-->
<div class="dzhc_xs">
    <nav>
        <div class="dhjt">
            <a href="JavaScrip:;" class="yy_gb"><!--<img src="images/dhjt.png" alt="">--></a>
            <span>全部地址</span>
        </div>
    </nav>
    <!--顯示點擊的是哪一個字母-->
    <div id="showLetter" class="showLetter"><span>當前</span></div>
    <!--城市索引查詢-->
    <div class="letter">
        <ul>
            <li><a href="javascript:;" data-html="present">當前</a></li>
            <li><a href="javascript:;" data-html="hot">熱門</a></li>
            <li><a href="javascript:;" data-html="A">A</a></li>
            <li><a href="javascript:;" data-html="B">B</a></li>
            <li><a href="javascript:;" data-html="C">C</a></li>
            <li><a href="javascript:;" data-html="D">D</a></li>
            <li><a href="javascript:;" data-html="E">E</a></li>
            <li><a href="javascript:;" data-html="F">F</a></li>
            <li><a href="javascript:;" data-html="G">G</a></li>
            <li><a href="javascript:;" data-html="H">H</a></li>
            <li><a href="javascript:;" data-html="J">J</a></li>
            <li><a href="javascript:;" data-html="K">K</a></li>
            <li><a href="javascript:;" data-html="L">L</a></li>
            <li><a href="javascript:;" data-html="M">M</a></li>
            <li><a href="javascript:;" data-html="N">N</a></li>
            <li><a href="javascript:;" data-html="P">P</a></li>
            <li><a href="javascript:;" data-html="Q">Q</a></li>
            <li><a href="javascript:;" data-html="R">R</a></li>
            <li><a href="javascript:;" data-html="S">S</a></li>
            <li><a href="javascript:;" data-html="T">T</a></li>
            <li><a href="javascript:;" data-html="W">W</a></li>
            <li><a href="javascript:;" data-html="X">X</a></li>
            <li><a href="javascript:;" data-html="Y">Y</a></li>
            <li><a href="javascript:;" data-html="Z">Z</a></li>
        </ul>
    </div>
    <!--城市列表-->
    <div class="contai">
        <div class="city">
            <div class="city-list"><span class="city-letter" id="present1">當前城市</span>
                <p data-id="210300">徐州市</p>
            </div>
            <div class="city-list"><span class="city-letter" id="hot1">熱門城市</span>
                <p data-id="210300">北京市</p>
                <p data-id="152900">上海市</p>
                <p data-id="340800">雲南</p>
                <p data-id="410500">四川</p>
                <p data-id="542500">濟南</p>
                <p data-id="610900">青島</p>
            </div>
            <div class="city-list"><span class="city-letter" id="A1">A</span>
                <p data-id="210300">鞍山市</p>
                <p data-id="152900">阿拉善盟</p>
                <p data-id="340800">安慶市</p>
                <p data-id="410500">安陽市</p>
                <p data-id="542500">阿裡地區</p>
                <p data-id="610900">安康市</p>
                <p data-id="520400">安順市</p>
                <p data-id="513200">阿壩藏族羌族自治州</p>
                <p data-id="659002">阿拉爾市</p>
                <p data-id="652900">阿克蘇地區</p>
                <p data-id="820100">澳門特別行政區</p>
                <p data-id="654300">阿勒泰地區</p>
            </div>
            <div class="city-list"><span class="city-letter" id="B1">B</span>
                <p data-id="220800">白城市</p>
                <p data-id="150200">包頭市</p>
                <p data-id="150800">巴彥淖爾市</p>
                <p data-id="130600">保定市</p>
                <p data-id="210500">本溪市</p>
                <p data-id="220600">白山市</p>
                <p data-id="341600">亳州市</p>
                <p data-id="340300">蚌埠市</p>
                <p data-id="371600">濱州市</p>
                <p data-id="620400">白銀市</p>
                <p data-id="610300">寶雞市</p>
                <p data-id="530500">保山市</p>
                <p data-id="469030">白沙黎族自治縣</p>
                <p data-id="451000">百色市</p>
                <p data-id="522401">畢節市</p>
                <p data-id="450500">北海市</p>
                <p data-id="511900">巴中市</p>
                <p data-id="469035">保亭黎族苗族自治縣</p>
                <p data-id="652800">巴音郭楞蒙古自治州</p>
                <p data-id="652700">博爾塔拉蒙古自治州</p>
                <p data-id="110100">北京市</p>
            </div>
            <div class="city-list"><span class="city-letter" id="C1">C</span>
                <p data-id="140400">長治市</p>
                <p data-id="130900">滄州市</p>
                <p data-id="320400">常州市</p>
                <p data-id="330282">慈溪市</p>
                <p data-id="320581">常熟市</p>
                <p data-id="130800">承德市</p>
                <p data-id="150400">赤峰市</p>
                <p data-id="220100">長春市</p>
                <p data-id="431000">郴州市</p>
                <p data-id="430100">長沙市</p>
                <p data-id="341100">滁州市</p>
                <p data-id="430700">常德市</p>
                <p data-id="341400">巢湖市</p>
                <p data-id="341700">池州市</p>
                <p data-id="469027">澄邁縣</p>
                <p data-id="451400">崇左市</p>
                <p data-id="469031">昌江黎族自治縣</p>
                <p data-id="532300">楚雄彞族自治州</p>
                <p data-id="445100">潮州市</p>
                <p data-id="500100">重慶市</p>
                <p data-id="510100">成都市</p>
                <p data-id="542100">昌都地區</p>
                <p data-id="652300">昌吉回族自治州</p>
            </div>
            <div class="city-list"><span class="city-letter" id="D1">D</span>
                <p data-id="232700">大興安嶺地區</p>
                <p data-id="140200">大同市</p>
                <p data-id="230600">大慶市</p>
                <p data-id="321181">丹陽市</p>
                <p data-id="210200">大連市</p>
                <p data-id="210600">丹東市</p>
                <p data-id="370500">東營市</p>
                <p data-id="371400">德州市</p>
                <p data-id="511700">達州市</p>
                <p data-id="532900">大理白族自治州</p>
                <p data-id="469003">儋州市</p>
                <p data-id="469025">定安縣</p>
                <p data-id="533400">迪慶藏族自治州</p>
                <p data-id="510600">德陽市</p>
                <p data-id="469007">東方市</p>
                <p data-id="533100">德巨集傣族景頗族自治州</p>
                <p data-id="441900">東莞市</p>
                <p data-id="621100">定西市</p>
            </div>
            <div class="city-list"><span class="city-letter" id="E1">E</span>
                <p data-id="150600">鄂爾多斯市</p>
                <p data-id="420700">鄂州市</p>
                <p data-id="422800">恩施土家族苗族自治州</p>
            </div>
            <div class="city-list"><span class="city-letter" id="F1">F</span>
                <p data-id="210900">阜新市</p>
                <p data-id="210400">撫順市</p>
                <p data-id="350181">福清市</p>
                <p data-id="341200">阜陽市</p>
                <p data-id="370983">肥城市</p>
                <p data-id="361000">撫州市</p>
                <p data-id="350100">福州市</p>
                <p data-id="440600">佛山市</p>
                <p data-id="450600">防城港市</p>
            </div>
            <div class="city-list"><span class="city-letter" id="G1">G</span>
                <p data-id="440100">廣州市</p>
                <p data-id="360700">贛州市</p>
                <p data-id="510800">廣元市</p>
                <p data-id="511600">廣安市</p>
                <p data-id="450300">桂林市</p>
                <p data-id="450800">貴港市</p>
                <p data-id="520100">貴陽市</p>
                <p data-id="513300">甘孜藏族自治州</p>
                <p data-id="623000">甘南藏族自治州</p>
                <p data-id="640400">固原市</p>
                <p data-id="632600">果洛藏族自治州</p>
            </div>
            <div class="city-list"><span class="city-letter" id="H1">H</span>
                <p data-id="231100">黑河市</p>
                <p data-id="211400">葫蘆島市</p>
                <p data-id="330481">海寧市</p>
                <p data-id="320800">淮安市</p>
                <p data-id="131100">衡水市</p>
                <p data-id="150100">呼和浩特市</p>
                <p data-id="330500">湖州市</p>
                <p data-id="230400"