Home > Article > Web Front-end > What is the solution to the conflict between nvelocity and jquery
Solution: 1. Use jQuery instead of "$" to avoid the conflict between NVelocity's "$" and Jquery's "$"; 2. When there is a conflict in "wrap jQuery", use "unction(s){ jQuery.ajax(s);} dw.ajax()" redefine; 3. Define a "$JQ" as "$", and the syntax is "#set($JQ="$.")"; 4. Use " jQuery.noConflict" method to avoid.
The operating environment of this tutorial: windows10 system, jquery3.4.1 version, Dell G3 computer.
The solutions when the $ of NVelocity conflicts with the $ of Jquery are as follows:
1. Use jQuery .noConflict.
Such as:
var j = jQuery.noConflict(); j.ajax();
Disadvantages: When using jQuery related plug-ins, the plug-ins will become invalid!
2. Use jQuery instead of $.
For example:
jQuery.ajax();
Disadvantages: Not suitable for expansion. Once replaced with a third-party library, then Sorry for the trouble
3. Wrap the conflict method in jQuery.
If $.ajax() conflicts in Velocity, redefine it as follows:
function dw(){} dw.ajax=function(s){ jQuery.ajax(s); } dw.ajax();
4. Define a $JQ as $.
You can use ${JQ}AJAX in js in the future.
Write this (definition) at the front desk:
#set($JQ="$.")
Video tutorial recommendation: jQuery video tutorial
The above is the detailed content of What is the solution to the conflict between nvelocity and jquery. For more information, please follow other related articles on the PHP Chinese website!