title: Fancybox with bootstrap is not working
body: <p>I am using jQuery with bootstrap but its not working. Here is a <a href="http://jsfiddle.net/5EV8r/1251/" rel="nofollow noreferrer">jsffidle</a>:</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://localhost/ecommerce/js/jquery-3.2.1.js"&gt;&lt;/script&gt;    &lt;script language="JavaScript" src="http://localhost/ecommerce/js/fancybox/jquery.fancybox-1.3.4.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" src="http://localhost/ecommerce/js/fancybox/jquery.fancybox-1.3.4.css" type="text/css" /&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
              $(".fnybx").fancybox();
              $("body").on("click","a.details",function(e){
                  e.preventDefault();
                  var _id = $(this).attr("id");
                  $("#"+_id).fancybox();
              });
          });
      &lt;/script&gt;
  
     &lt;a href="2_s.jpg" class="fnybx"&gt;Click here&lt;/a&gt;
  </code></pre>