1. 程式人生 > >jquery使用$與其它js框架的衝突解決辦法

jquery使用$與其它js框架的衝突解決辦法

 

jQuery 使用 $ 符號作為 jQuery 的簡介方式。

某些其他 JavaScript 庫中的函式(比如 Prototype)同樣使用 $ 符號。

jQuery 使用名為 noConflict() 的方法來解決該問題。

var jq=jQuery.noConflict(),幫助您使用自己的名稱(比如 jq)來代替 $ 符號。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var jq=jQuery.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>

相關推薦

jquery其它js檔案衝突解決辦法

參考了網上的資料,終於找解決方式: 這個檔案使用了美元符號,和JQUERY衝突了,給你幾個解決方法: 先載入JQUERY,然後使用語句 jQuery.noConflict(); 再載入其他JS檔案,後面在使用jQuery時都換下,如:$('#div') 換成 jQuer

jquery使用$其它js框架衝突解決辦法

  jQuery 使用 $ 符號作為 jQuery 的簡介方式。 某些其他 JavaScript 庫中的函式(比如 Prototype)同樣使用 $ 符號。 jQuery 使用名為 noConflict() 的方法來解決該問題。 var jq=jQuery.noConfli

jq中的$操作符其他js框架衝突

解決辦法: jq中存在方法:noConflict() 可返回對 jQuery 的引用。 使用示例: var jq = $.noConflict(); jq(document).ready(function(){ jq("button").click(function(){ jq("p"

mui學習筆記3-Jquerymui.js衝突問題之一

在一次點選事件中圖快捷使用了jQuery的點選事件 $("#ID").click(function(){  //跳轉至載入地圖頁面 }); 結果就出現了部分機型不相容的問題,親測榮耀手機沒問題,使用jquery的點選事件沒有問題。藍廠和綠廠出品則不能正常開啟。 解決方

菜鳥程式猿之VelocityjQuery的$發生衝突解決辦法

開發中檢視層引入jquery很平常的場景,今天使用jquery的ajax在velocity中呼叫,出現檢視錯誤,經查詢,發現jQuery 的$與velocity檢視技術有衝突,為此,解決方法有三種: 1、使用jQuery代替$。 如:jQuery.ajax();

解決jQuery多個版本,其他js衝突方法

jQuery多個版本或和其他js庫衝突主要是常用的$符號的問題,這個問題 jquery早早就有給我們預留處理方法了,下面一起來看看解決辦法。1.同一頁面jQuery多個版本或衝突解決方法。<!DOCTYPE html> <html lang="en">

ECSHOP中transport.jsjquery的沖突的簡單解決辦法

order adding fun ring func 資源 代碼 spa pac ECSHOP中transport.js和jquery的沖突的簡單解決辦法 一流資源網近日在ECSHOP網站加入了幾個JS特效代碼,在谷歌、火狐下正常,在各版本IE下都不常,左思不得其解。

innerHTMLbutton事件衝突解決辦法

事情描述,我在body裡面寫了如下一個button <body> <input id="btn" type="button" value="自動生成V提高版本"> </body> 然後在js裡面獲取了這個button,然後給它新增點選事件 var b

如何解決jquery第三方外掛庫衝突問題

<script type="text/javascript">jQuery.noConflict(); //將變數$的控制權讓渡給prototype.jsjQuery(function()

TableView cell的選中事件 手勢點選事件 衝突解決辦法

三步曲 1、遵守UIGestureRecognizerDelegate協議 2、給手勢觸發動作新增代理  程式碼如下 UITapGestureRecognizer *hideTap = [[UITapGestureRecognizer alloc]initWithTarge

Tap手勢UITableView點選事件衝突解決辦法

  在我們的開發過程中經常會遇到點選頁面回收鍵盤的需求,當然這個很好解決。   在我們的開發過程中也會遇到點選某一選項之後回收列表,這個也很容易實現。   那麼,問題來了,當這兩個碰到一起怎麼辦呢,你可以按照正常的程式碼去寫,但是,當你點選的時候你會發現,並沒有出現你預期要

jquery.validate.js 快取BUG解決辦法

摘要:我們使用jquery.validate.js進行前端驗證時,有時需要進行分組驗證,或者動態驗證值a、b的值,但是會出現一種一直只驗證第一次的輸入框的情況。原因:jquery.validate的快取機制,required非空驗證只有在第一次提交後才會被啟用生

ajaxfileupload.js的報錯:jQuery.handleError is not a function 解決辦法

handlerError只在jquery-1.4.2之前的版本中存在,jquery-1.4.2之後的版本中都沒有這個函數了。因此在jquery高階版本中將這個函式新增上 ,問題解決。 該js程式碼段可以加在jquer.js或者ajaxfileupload.js中。 ; (

elasticsearch引用jar包其他jar衝突解決辦法

問題提出: 比如你的專案中引用的Joda 2.1,而elasticsearch 2.2.0引用的Joda 2.8,則在使用elasticsearch的時候以為會先找到Joda 2.1,導致elasticsearch用不起來,所以怎麼解決呢 1.新建一個maven專案進行

Hadoop皇-----冠---體育源碼搭建數據傾斜及解決辦法

發送 最優 partition key 執行 體育 適用於 並行計算 數據切分 1.增加jvm內存,這適用於第一種情況(唯一值非常少,極少數值有非常多的記錄值(唯一值少於幾千)),這種情況下,皇------冠--------體育源碼搭建QQ:2152876294 網址dig

Hadoop皇冠體育源碼搭建數據傾斜及解決辦法

理解 體育 mini multi 成本 sql 之前 處理 不一定 1.增加jvm內存,這適用於第一種情況(唯一值非常少,極少數值有非常多的記錄值(唯一值少於幾千)),這種情況下,皇-冠-體-育源碼搭建QQ:2152876294 網址diguaym.com往往只能通過硬件的

ScrollView(Listview)和Viewpager(banner)的衝突解決辦法

原文地址:https://blog.csdn.net/qq_36255612/article/details/77987947 其實就是在onInterceptTouchEvent中做處理即可: 也可以直接使用下面的自定義: public class MyScrollView exte

CoordinatorLayout 巢狀Recyclerview在巢狀Recyclerview滑動出現衝突解決辦法

RecyclerView巢狀RecycleView  要做一個介面,CoordinatorLayout巢狀AppBarLayout和RecyclerView來實現摺疊滑動,我的RecycleView裡面佈局較多,計劃再嵌入RecyclerView來實現,當我用到RecyclerView新增

Git程式碼衝突解決辦法

如果伺服器上的檔案發生了更改了的話,在本地更改該檔案之前未使用git pull命令的話,那麼在本地修改完該檔案後使用git pull 或者git push時會發生衝突: error: Your local changes to the following files would be overw

unity3dScrollRectOnDrag事件的衝突解決方法

借鑑  https://www.jianshu.com/p/8bfe94822886 using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; /// <summary> /// 指令碼掛載到每個可拖拽