解決jquery load載入JS失效問題
一般我們如果想在一個介面中顯示另一個介面的內容通常使用load載入,但是load載入也有一定的弊端,對於靜態的介面沒有其他特殊js效果的介面用load載入是ok的,但是如果介面本身有js作用,那麼在通過load載入到兩一個介面是,此介面原本具有的js效果就會出現顯示無效的情況,針對這一情況,讓被載入的介面通過載入進inframe再顯示就很好的解決了load載入js無效的問題。
部分jQuery程式碼如下:
//巢狀iframe解決js失效問題
$('.submenu.bg-palette4 li a').click(function(e){
var evt=e||window.event;
evt.preventDefault();
var url=$(this).attr('href');
$('#main-bd .page-tab').html('');
$('#main-bd .page-tab').append(' <iframe name="testLoad" style="width:100%"></iframe>
window.open(url,'testLoad');
});
相關推薦
解決jquery load載入JS失效問題
一般我們如果想在一個介面中顯示另一個介面的內容通常使用load載入,但是load載入也有一定的弊端,對於靜態的介面沒有其他特殊js效果的介面用load載入是ok的,但是如果介面本身有js作用,那麼在通過load載入到兩一個介面是,此介面原本具有的js效果就會出現顯示無效的情
JQuery 解決用load載入頁面到div時,不執行頁面js的問題
1、在原始碼里加上此方法 $("id").load(function(){ $(".close").click(function(){ $(".detail").hide();
IE8中jQuery.load()載入頁面不顯示的原因
一、jQuery.load() jQuery.load(url,[data],[callback])通過Ajax非同步請求載入伺服器中的資料,並把資料放到指定元素中。 url :請求伺服器的地址 data :可選項,請求時傳送的資料 callback :可選項,請求成功後的回撥
解決從oss載入js檔案的問題
最近在做的一個專案,因為裡面有unity模型,比較大,同時因為這個專案比較複雜,為了減少自己伺服器的頻寬,老大就說把unity的模型資源放到阿里雲的oss上面,因為都是一些靜態資源所以覺得應該很簡單,但是在做的時候出現一個問題,就是在用script標籤直接引用u
ajax載入資料導致js失效及解決辦法
問題描述: 用ajax從後端返回資料後,該div中的js失效 分析: ajax是非同步操作。ajax和js的檔案是同時載入。ajax還未返回js檔案中獲取的id或class,js已經載入完畢。導致js失效。 解決辦法: 將非同步操作該為同步操作。是頁面先載入aj
jquery load()載入頁面無法使用原頁面 js
個人認為,load()方法就是ajax 的縮略版,簡寫版而且載入方式是非同步的,之所以無法使用原來頁面大概是因為在做非同步載入的時候,頁面呼叫了子頁面的js 就是無法使用原頁面的js,本人直接用ajax的方式進行載入,並關閉非同步方式,就可以呼叫原頁面的js $(f
layui佈局 使用jquery的load後頁面js失效
佈局頁面 H5在主體部分用jquery的load方法引入其他頁面本頁面js失效 <!DOCTYPE html&
控制使用jquery load()方法載入新頁面中的元素
三個參數 解決 獲取 參數 頁面 紮實 第一個 之前 簡單 最近在項目中用到jquery的load()方法來加載頁面,首先簡單說一下load()方法。 load(url,data,callback);該方法接收三個參數,第一個是載入的頁面地址,第二個是要傳到服務器的參數,第
使用jquery load遇到一個問題解決
function 問題 stat 開始 jquery assign 使用 動態加載 == 1.環境 動態加載頁面後給頁面中的控件動態賦值,賦完更新後一閃值就沒了. 2.原因 load()方法是異步加載,頁面沒有加載完就開始賦值,導致情況出現. 3.解決 加載
Vue使用jQuery ajax載入資料頁面無顯示解決方法
無資料程式碼為 <script> new Vue({ el:"#demo", data:{list:find()} }) function find(){ var ss; $.ajax(
Js及Jquery頁面載入後執行的函式
JavaScript 方式一:window.onload: 當一個文件完全下載到瀏覽器中時,才會觸發window.onload事件。這意味著頁面上的全部元素對js而言都是可以操作的,也就是說頁面上的所有元素載入完畢才會執行。這種情況對編寫功能性程式碼非常有利,因為無需考慮載入的次序。 w
三種動態載入js的jquery例項程式碼另附去除js方法
!-- 這裡為你提供了三種動態載入js的jquery例項程式碼哦,由於jquery是為使用者提供方便的,所以利用jquery動態載入檔案只要一句話$.getscript("test.js");就ok了。 <!doctype html public "-//w3c//d
js jquery 頁面載入初始化方法
一.js 頁面載入初始化方法 // 1.在body裡面寫初始化方法. <body onload='init()'> </body> <script type="text/javasc
使用原生js+jquery 對載入好的表格進行部分列的合併
/* tableId--要合併的表格 refIndex--參考資料所在的列index 第三個包括以後的引數直接寫在後面 */ function combineCell(tableId,refIndex
jQuery懶載入外掛 – jquery.lazyload.js簡單呼叫
Lazy Load 是一個用 JavaScript 編寫的 jQuery 外掛. 它可以延遲載入長頁面中的圖片. 在瀏覽器可視區域外的圖片不會被載入, 直到使用者將頁面滾動到它們所在的位置. 這與圖片預載入的處理方式正好是相反的.在包含很多大圖片長頁面中延遲載入圖片可以加快
解決jquery.js在myeclipse中報錯的問題
從官方下載的jquery.js在myeclipse始終用個大大的紅叉,看著很不爽,如何解決呢:jquery.js在myeclipse中報錯:jquery.js -> 滑鼠右鍵 -> MyEclipse -> manage validation ->
使用jQuery外掛時避免重複引入jquery.js檔案(jQuery 重複載入錯誤以及修復方法)
最近在做專案的時候,遇到個問題: 父頁面引入子頁面,子頁面引入jQuery.js檔案,父頁面JS依賴jQuery.js ,出現問題是,總提示JS物件無效。猜測jQuery載入順序不是最早造成的。 父頁面: 子頁面: 從這裡看 ,jQuery.js 是最早的咯,可是為什麼其它的js都提示 屬性無效呢。 後面用
jQuery延遲載入(懶載入)外掛 – jquery.lazyload.js
Lazy Load 是一個用 JavaScript 編寫的 jQuery 外掛. 它可以延遲載入長頁面中的圖片. 在瀏覽器可視區域外的圖片不會被載入, 直到使用者將頁面滾動到它們所在的位置. 這與圖片預載入的處理方式正好是相反的.在包含很多大圖片長頁面中延遲載入圖片可以加快頁
解決jQuery多個版本,與其他js庫衝突方法
jQuery多個版本或和其他js庫衝突主要是常用的$符號的問題,這個問題 jquery早早就有給我們預留處理方法了,下面一起來看看解決辦法。1.同一頁面jQuery多個版本或衝突解決方法。<!DOCTYPE html> <html lang="en">
load()方法---------jQuery動態載入html
jquery程式碼$("#div").load("test.html"); test.html ----------------被載入頁面(有<HTML><HEAD><META><BODY>等的完整頁面 )$("#div")