如何仅将js文件引用到特定脚本块

Question

I have a situation where I need to refer a jqplot.pieRenderer.min.js file to a particular script block only. Because if it is used globally at the top, it is throwing error for the other scripts block functions. How can i maintain that js file to particular script block.

I tried below.

 <script src="jquery.jqplot.min.js" type="text/javascript"></script> // global js file
 <script type="text/javascript" src="jqplot.pieRenderer.min.js"> //using specific js
        $(document).ready(function () {
             BindLocationStock();
             BindStatusWiseStock();
        });
 <script type="text/javascript"> //using global js 
        $(document).ready(function () {
             BindBarChart();
        });

Can first script block use global js file and block level js file? I want this scenario. How can I achieve this. Please assist here.

Answer 1

As far as I know, it is not possible to do what you are trying to do.

This is one of the reasons why the module pattern is so useful for JavaScript.

I recommend refactoring your code to use the module pattern - that way, you won't have global variables interfering with one another.

Answer 2

I think it's conflict issue. Either you can use jQuery.noConflict or wrap up your code like this:

 <script src="jquery.jqplot.min.js" type="text/javascript"></script> // global js file
 <script type="text/javascript" src="jqplot.pieRenderer.min.js"> //using specific js
  (function ($) {
         BindLocationStock();
         BindStatusWiseStock();
         BindBarChart();
    })(jQuery);