Zoomoozで特定のdivにズームする

私はモバイルで少し小さく見えるシートマップを持っていますが、現在モバイルでズームするにはピンチオプションが必要です。Zoomoozで特定のdivにズームする

私はZoomoozに導入されました。これはすばらしいですが、ネストされたdivで作業するのは苦労しています。座席表をより詳細に表示するために必要な特定の領域を拡大することは可能ですか？

https://plnkr.co/edit/9VL3mDS34bKAe7qRxHYE?p=preview

<div id="theatre"> 
 
<div class="container"> 
 
    <div id="bmessage">Select the seats that you need.</div> 
 
    <div id="seats" class="zoomTarget"> 
 
    <div class="s1 std grey" si="0" title="A16" style="top:16%; left:8.5%;"></div> 
 
    <div class="s1 std grey" si="1" title="A15" style="top:16%; left:12%;"></div> 
 
    <div class="s1 std grey" si="2" title="A14" style="top:16%; left:15.5%;"></div> 
 
    <div class="s1 std grey" si="3" title="A13" style="top:16%; left:19%;"></div> 
 
    </div> 
 
</div>

出典

2016-11-11 me9867

だけIndex.htmlのCDNのリンクを変更して、ズーム機能チェックこのplunker

HTMLを適用する各divにZoomTargetを適用します。

<!DOCTYPE html> 
<html> 

    <head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <link rel="stylesheet" href="style.css" /> 
    <script data-require="jquery" data-semver="3.0.0" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.js"></script> 
    <script src="script.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/zoomooz/1.1.6/jquery.zoomooz.min.js"></script> 
    </head> 

    <body> 
    <div id="theatre" class="zoomViewport"> 
    <div class="zoomContainer container"> 
     <div id="bmessage">Select the seats that you need.</div> 
     <div id="seats"> 
     <div data-closeclick="true" class="zoomTarget s1 std grey" si="0" title="A16" style="top:16%; left:8.5%;"></div>  
     <div data-closeclick="true" class="zoomTarget s1 std grey" si="1" title="A15" style="top:16%; left:12%;"></div> 
     <div data-closeclick="true" class="zoomTarget s1 std grey" si="2" title="A14" style="top:16%; left:15.5%;"></div>  
     <div data-closeclick="true" class="zoomTarget s1 std grey" si="3" title="A13" style="20px;top:16%; left:19%;"></div> 
    </div> 
</div> 
</div> 
    </body> 

</html>

出典

2016-11-11 12:35:18 RonyLoud

Zoomoozで特定のdivにズームする

答えて

関連する問題