Databases
StackOverflow2013
Postsdbo
POHow to embed/import jQuery into another JavaScript library without causing potential clashes with jQuery/others deployed on the website?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to embed/import jQuery into another JavaScript library without causing potential clashes with jQuery/others deployed on the website?
    primarykey
    data
    text
    <p>I am working on a JavaScript library that makes internal use of jQuery. However, when the time comes for its deployment, I would prefer to simplify things (w.r.t. deployment) and not worry about whether the environment has (or doesn't have) jQuery already included in <code>&lt;head&gt;</code>.</p> <p>I should mention that my library is implemented as a class in Coffescript and the resulting .js file has the default function wrapper to isolate scope.</p> <p>I can think of a few solutions to this problem:</p> <ol> <li><p>Ask the website admin whether they have jQuery already present. If yes, just include the library itself. If not, then include jQuery + the library, perhaps in a single file and concatenated. Deployment is harder, but problem is likely solved.</p></li> <li><p>Create a file that concatenates jQuery and my lib code and always have the website admins just include this file. To prevent clashes, do a <code>var myJ = jQuery.noConflict()</code> right after the jQuery code.</p></li> <li><p>Do as in (2) above, but call the <code>var myJ = jQuery.noConflict()</code> inside the encapsulated Coffeescript class.</p></li> </ol> <p>In summary, the objectives for this challenge are:</p> <ol> <li>Absolutely avoid any breakage on the deployed website, regardless of what they might be using </li> <li>Keep deployment as simple as possible</li> <li>Avoid unnecessary transfer of jQuery, if possible</li> </ol> <p>My concerns are:</p> <ul> <li>What if the site already has jQuery, but needs an older/newer version? </li> <li>What if my <code>noConflict()</code> call breaks something on their end?</li> </ul> <p>What is the best way to tackle this situation? Am I missing something?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USozataman
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow to embed/import jQuery into another JavaScript library without causing potential clashes with jQuery/others deployed on the website?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow to embed/import jQuery into another JavaScript library without causing potential clashes with jQuery/others deployed on the website?
      1. UScaptainclam
      1. VTFavorite
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload