2016-05-05 12 views
0

モーダルウィンドウの下にリンクがあり、私はモーダルウィンドウをドラッグ可能にしたいと思います。何らかの理由で私のモーダルウィンドウのドラッグ可能なスクリプトが機能しません。ここTwitter Boostrapモーダルウィンドウ - ドラッグ可能ではありません

は、モーダルウィンドウコードとJavaScriptとフィドルのリンクが

MY FIDDLE

下にあるモーダル

<div class="modal fade video2 advSearchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
    <div class="modal-dialog modal-lg" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
     <h4 class="modal-title" id="exampleModalLabel">Video 2</h4> 
     </div> 
     <div class="modal-body"> 

     <div class="row"> 
      <div class="bs-example" data-example-id="responsive-embed-16by9-iframe-youtube"> 
      <div class="embed-responsive embed-responsive-16by9"> 

       <video class="embed-responsive-item" controls src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" type="video/mp4"> </video> 

      </div> 
      </div> 

     </div> 

     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     <!-- <button type="button" class="btn btn-primary">Send message</button> --> 
     </div> 
    </div> 
    </div> 
</div> 

JS

$(".advSearchModal").draggable({ 
     handle: ".modal-header" 
    }); 
+0

このスレッドを表示することができます、それは答えている:) http://stackoverflow.com/a/22509959/6296341 –

答えて

2

あなたのコード内でのjQuery UIが含まれていません。これはjQueryの標準部分ではないので、これを組み込む必要があります。

関連する問題