javascript - Error in opening jquery dilog.$dilog()is not a function in Django -

i trying open dilaog/popup using jquery. have 12 elements on web page clicking on individually should open respective popups.

but code working 5 elements maximum. after opens pop not show data.
, give error $dilog()is not function.i passing element name using ajax.but element not getting passed server. please me this.

my code is

<link rel="stylesheet"  href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/smoothness/jquery-ui.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"> </script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script>  <script src="//cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/0.9.9/jquery.magnific-popup.min.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>  <script src="http://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>   $(function(){ var datrow=""; var objid;   $('.js-popup-link').click(function(e){   var myvariable = "bavcvcbvac"; e.preventdefault(); //console.log(e);  //var example = e. var value = $(this).attr("href"); var id1 = $(this).attr('id');  var ster = value.slice(1, -1); var value1 = {}; value1 = value;   ster = "#"+ ster; var  popupwin = $(ster).dialog({modal: true }).data('id',$(this).data('row')).dialog('open').load(value);    })   })   //ajax code var tags = []; var my_dictionary = {}; var tag;  tags = ["webcb_2","webcb_3","webcb_4",    "webcb_5","webcb_6","webcb_7","webcb_8","webcb_9",    "webcb_10","webcb_11","webcb_12","webcb_13","webcb_14","webcb_15"]; function myfunction1(){          my_dictionary['tag'] = tags.join('|');         for(var tag in tags){             my_dictionary[tags[tag]] =   document.getelementbyid(tags[tag]).textcontent.trim();          }         $.ajax({              url: '/ajax1/',              data:my_dictionary,              cache: false,              }         });  }