title: Scripts not rendering properly after bundling in asp.net
body: <p>So I had some external scripts being called on one of my views. I searched the URL, copied and pasted each function into a new js script locally. Then I bundled my script files in bundle config. The functions were rendering find and displaying correctly.But now after bundling and then trying to use <code>@Script.Render</code>. The display is slightly messed up. </p>
  
  <p><strong>Before</strong></p>
  
  <p><a href="https://i.stack.imgur.com/zlhsi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zlhsi.png" alt="enter image description here"></a></p>
  
  <p><strong>After</strong></p>
  
  <p><a href="https://i.stack.imgur.com/0V1Tl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0V1Tl.png" alt="enter image description here"></a></p>
  
  <p>I've checked spelling and the paths were correct, so why is <code>@Script.render</code> not working, when essentially the same scripts worked before. Does jQuery have a tendency to not work when bundled or something? </p>
  
  <p>Let me know if you have additional questions or need to see code..</p>
  
  <p><strong>Scripts:</strong></p>
  
  <pre><code> &lt;script src="~/Scripts/tools/jquerydatatables.js"&gt; &lt;/script&gt;
   &lt;script src="~/Scripts/tools/responsivebootstrap.js"&gt;&lt;/script&gt;
  
  
   &lt;script src="~/Scripts/tools/bootstrapdatatable.js"&gt;&lt;/script&gt;
  
    &lt;script src="~/Scripts/tools/responsivedatatable.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/tools/cloudpopper.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/tools/twitter.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Bundle:</p>
  
  <pre><code> bundles.Add(new ScriptBundle("~/bundles/scripts/desktop")
              .Include(
  
              "~/Scripts/tools/bootstrapdatatable.js",
              "~/Scripts/tools/cloudpopper.js",
              "~/Scripts/tools/jquerydatatables.js",
              "~/Scripts/tools/responsivebootstrap.js",
              "~/Scripts/tools/responsivedatatable.js",
              "~/Scripts/tools/twitter.js"
  
  
              ));
  </code></pre>
  
  <p>css sheet is linked with:<code>&lt;link href="//cdn.datatables.net/1.10.18/css/dataTables.bootstrap4.min.css" rel="stylesheet" /&gt;
  </code></p>
  
  <p>but my css sheet is not bundled with the java script, but that shouldn't be a problem right? </p>
  
  <p>This is the code that messes up the display when I use it:<code>@section Scripts{
          @Scripts.Render("~/bundles/scripts/desktop")</code></p>