What is the solution to the conflict between nvelocity and jquery

WBOY
Release: 2022-06-09 15:38:25
Original
1675 people have browsed it

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.

What is the solution to the conflict between nvelocity and jquery

The operating environment of this tutorial: windows10 system, jquery3.4.1 version, Dell G3 computer.

Solutions to the conflict between nvelocity and jquery

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();
Copy after login

Disadvantages: When using jQuery related plug-ins, the plug-ins will become invalid!

2. Use jQuery instead of $.

For example:

jQuery.ajax();
Copy after login

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();
Copy after login

4. Define a $JQ as $.

You can use ${JQ}AJAX in js in the future.

Write this (definition) at the front desk:

#set($JQ="$.")
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template