title: $() is not a function on calling modal dialog google map resize
body: <p>I have the error below <code>Uncaught type error, $() is not a function</code> , highlight <code>$("#mapModal").on("shown.bs.modal", function () {.........</code>
  What should I do?</p>
  
  <pre><code>$("#mapModal").on("shown.bs.modal", function () {
    google.maps.event.trigger(map, "resize");
  });
  </code></pre>
  
  <p>I have added below:</p>
  
  <pre><code>  &lt;link rel="stylesheet" type="text/css" href="/mapps/assets/css/bootstrap.min.css"&gt;
      &lt;script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="/mapps/assets/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" language="javascript" src="/mapps/assets/js/jquery.tools.min.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/biUYI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/biUYI.png" alt="Client side web error"></a></p>
  
  <p>Quote: I have reverse the order of jquery and jquery tools, it is working to show google map. On the other hand, it has below new javascript errors.</p>
  
  <p><a href="https://i.stack.imgur.com/fhr2z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fhr2z.png" alt="Two new errors"></a></p>
  
  <p><a href="https://i.stack.imgur.com/sQREm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sQREm.png" alt="new error 1 about .tabs"></a></p>
  
  <p><a href="https://i.stack.imgur.com/zhqQ2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zhqQ2.png" alt="new error 2 about fadeIn"></a></p>