0

I have the links below that open modal windows, I want to make the modal window draggable. For some reason my modal window draggable script is not working.

here is modal window code and javascript and fiddle link below

MY FIDDLE

Modal 

<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"
  });
BenG
  • 14,826
  • 5
  • 45
  • 60
user244394
  • 13,168
  • 24
  • 81
  • 138

1 Answers1

2

You are not include jQuery UI in your code. This is required to be included as it is not a standard part of jQuery.

Steve H.
  • 6,912
  • 2
  • 30
  • 49