jqueryで子divを選択するのに助けが必要

私はかなりシンプルだと思っています。皆さんが私を助けてくれることを願っています。jqueryで子divを選択するのに助けが必要

私はzoomtooと呼ばれるjqueryプラグインを使用しています。

親のdiv（modal）内の子div（modal-img-wrap）にプラグイン関数（zoomToo()）を適用する必要があります。

JSスクリプト：

<script type="text/javascript"> 
    $(function() { 
     $(".modal").zoomToo({ 
      magnify: 1 
     }); 
    }); 
</script>

HTMLコード：

<body> 

    <div id="ex2" class="modal"> 
     <div class="modal-img-wrap"> 
      <img class="modal-img" src="homedrive.jpg" /> 
     </div> 
    </div> 

</body>

出典

2017-11-07 Michael Fitzgerald

divでHTMLコードを投稿しない限り、私はあなたを助けません。そしてあなたは私たちにどの親とどの子を示すのですか？ –

そして、zoomtooプラグインのウェブページへのリンクを提供してください。 –

申し訳ありません。私はあなたがHTMLが必要であることを知っていました。私はちょうどポストでそれを得るのは苦労したが、それは今そこにある。ここに私が使用しているプラグインへのリンクがあります。 https://github.com/thompsonemerson/zoomove –

は実施例である。div要素の属性に注目してください。そして、jquery.zoomtoo.min.jsスクリプトを結合し、それは例えば小さい。もしあれば、既に、縮小されますので、内部のJSは。だから、代わりに.modal .modal-img-wrapのあなたがjsのスクリプトで.modal-img-wrapを書くことができDIV（modal-img-wrap）を含む画像上のCSSクラス、そしてあなたもそれを直接参照することができますがあります。グッド

を運。

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" /> 
     <meta charset="UTF-8" /> 
     <!-- The above 3 meta tags must come first in the head --> 

     <title>Demo</title> 

     <script src="https://code.jquery.com/jquery-3.2.1.min.js" type="text/javascript" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 

     <script src="dist/jquery.zoomtoo.min.js"></script> 

     <script type="text/javascript"> 
      $(function() { 
       $(".modal-img-wrap").zoomToo({ 
        magnify: 1 
       }); 
      }); 
     </script> 
    </head> 
    <body> 

     <div id="ex2" class="modal"><!-- Not this div --> 
      <div class="modal-img-wrap" data-src="homedrive_big.jpg"><!-- I need this div selected by the plugin. --> 
       <img class="modal-img" src="homedrive_normal.jpg" /> 
      </div> 
     </div> 

    </body> 
</html>

出典

2017-11-07 22:15:02

本当にありがとうございます...！私はこれがうまくいくと思います。本当にありがとうございます。 –

@MichaelFitzgeraldあなたは大歓迎です。将来のために留意してください：答えがあなたの問題を解決するとき、それを受け入れられたものとしてマークするべきです（答えの左側にある "チェックマーク"）。答えが上向き投票または下向き投票にふさわしいと思う場合は、答えの左側にある矢印を使用します。この方法では、他のユーザーもソリューションの恩恵を受けるでしょう。しかし、私の答えは受け入れられているとマークしないでください。私はあなたにこのコメントを書いたので、あなたは将来どのように進むのか知っています。さようなら、そのすばらしいツールで楽しく過ごせます。私は私のプロジェクトでもそれを使うつもりだと信じています;-) –

もう一度やってみましょう:-) –

私は混乱している、あなたが名$（ "#MyDiv"）でdiv要素を選択することができます。 divのnameプロパティを設定します。

$（関数（）{

ここ

 $("#MyDiv").zoomToo({ 
      magnify: 1 
     }); 
    }); 
    </script>

出典

2017-11-07 21:41:55

私はこのズームプラグインをモーダルの中に置いています....私はこのモーダル内のdivを私のレスポンシブなCSSスタイルで持っています。私は "モーダル"のdivであるモーダルdivではなく、 "モーダル - img-wrap" div内で動作するズーム機能が必要です。 –

jqueryで子divを選択するのに助けが必要

答えて

関連する問題