Javascript 平移缩放可以'；t使用列表<；ul>&书信电报；李>；_Javascript_Jquery_List_Zooming

Javascript 平移缩放可以'；t使用列表<；ul>&书信电报；李>；

javascript jquery list

Javascript 平移缩放可以'；t使用列表<；ul>&书信电报；李>；,javascript,jquery,list,zooming,Javascript,Jquery,List,Zooming,我已经在谷歌上搜索了好几天了……但我还没有找到答案。你们能帮我吗？谢谢我已经在一张图片上测试了jquery.panzoom.js和jquery mouseweel.js。。成功了！但在我的地铁站地图上它不起作用，它使用了另一个js，里面有“ul”和“li”。。这是我的地铁站地图的代码。。是否可以使用panzoom.js <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>S

我已经在谷歌上搜索了好几天了……但我还没有找到答案。你们能帮我吗？谢谢

我已经在一张图片上测试了jquery.panzoom.js和jquery mouseweel.js。。成功了！但在我的地铁站地图上它不起作用，它使用了另一个js，里面有“ul”和“li”。。这是我的地铁站地图的代码。。是否可以使用panzoom.js

    <html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Subway Map</title>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jquery.subwayMap-0.5.0.js"></script>
    <script src="jquery.js"></script>
    <script src="jquery.panzoom.js"></script>
    <script src="jquery.mousewheel.js"></script>

</head>
<body>
    <div class="panzoom">
     <div class="subway-map" data-columns="100" data-rows="20" data-cellSize="40" data-legendId="legend" data-textClass="text" data-gridNumbers="true" data-grid="false" data-lineWidth="8"> //create subway station
        <ul data-color="#ff00ff" data-label="Jakarta Kota - Gambir - Manggarai - Depok">          
            <li data-coords="2,6">\n\nJakarta\nKota</li> 
            <li data-coords="3.4,6">\n\nJayakarta</li> 
            <li data-coords="4.8,6">\n\nMangga\nBesar</li> 
            <li data-coords="6,6">\n\nSawah\nBesar</li> 
            <li data-coords="7.1,6">\n\nJuanda</li>
            <li data-coords="8.3,6" data-marker="interchange">\n\nGambir</li>
            <li data-coords="9.8,6">\n\nGondangdia</li>
            <li data-coords="11.2,6">\n\nCikini</li>
            <li data-coords="13.2,6" data-marker="interchange">\n\nManggarai</li>
            <li data-coords="14.5,6">\n\nTebet</li>
            <li data-coords="15.7,6">\n\nCawang</li>
            <li data-coords="17,6">\n\nDuren\nKalibata</li>
            <li data-coords="18.3,6">\n\nPasar\nMinggu\nBaru</li>
            <li data-coords="19.5,6">\n\nPasar\nMinggu</li>
            <li data-coords="20.7,6">\n\nTanjung\nBarat</li>
            <li data-coords="22,6">\n\nLenteng\nAgung</li>
            <li data-coords="23.4,6">\n\nUniv.\nPancasila</li>
            <li data-coords="24.7,6">\n\nPondok\nCina</li>
            <li data-coords="26,6">\n\nDepok\nBaru</li>
            <li data-coords="27.3,6">\n\nDepok</li>
        </ul>
        </div>
    </div>
    <div id="legend"></div>
        <script type="text/javascript">
        $(".subway-map").subwayMap({ debug: true });
    </script>
    <script>
        (function() {
          var $section = $('#focal');
          var $panzoom = $section.find('.panzoom').panzoom();
          $panzoom.parent().on('mousewheel.focal', function( e ) {
            e.preventDefault();
            var delta = e.delta || e.originalEvent.wheelDelta;
            var zoomOut = delta ? delta < 0 : e.originalEvent.deltaY > 0;
            $panzoom.panzoom('zoom', zoomOut, {
              increment: 0.1,
              animate: false,
              focal: e
            });
          });
        })();
      </script>
</body>
</html>


地铁地图
//创建地铁站

\n\nJakarta\nKota
\n\nJayakarta
\n\n孟加拉邦/nBesar
\n\nSawah\nBesar
\n\n宽达
\n\nGambir
\n\n乌干达尼亚
\n\nCikini
\n\n孟加拉邦
\n\n打赌
\n\n
\n\nDuren\nCalibata
\n\nPasar\n明谷\n巴鲁
\n\nPasar\n明谷
\n\n丹洪\n巴拉特
\n\nLenteng\nAgung
\n\nUniv
\n\n域名\n中国
\n\nDepok\n巴鲁
\n\n数据库

$（“.subwayMap”）.subwayMap（{debug:true}）；
（功能（）{
变量$section=$（'焦点'）；
var$panzoom=$section.find（'.panzoom'）.panzoom（）；
$panzoom.parent（）.on（'mousewheel.focal'，函数（e）{
e、 预防默认值（）；
var delta=e.delta | | e.originalEvent.wheeldta；
var zoomOut=delta？delta<0:e.originalEvent.deltaY>0；
$panzoom.panzoom（'zoom'，zoomOut{
增量：0.1，
动画：假，
联络人：e
});
});
})();

应该是这样的:

但是当我添加

输出变为：

uuhhmm。。。“在此处输入图像描述”？当您单击它时，图像将显示出来。但您不能命名它吗？