首頁猿問頁面和頁面中的框架共享jquery...

頁面和頁面中的框架共享jquery的問題？

JavaScript JQuery

未期而遇 2016-11-03 15:50:48

頁面稱為父頁面，父頁面中的框架稱為子頁面。兩個(gè)頁面都會(huì)用到j(luò)query，我不想兩個(gè)頁面內(nèi)都引用jquery，想只在父頁面中引入jQuery，子頁面使用父頁面的jquery。在子頁面中設(shè)置var?$?=?window.parent.jQuery;?//?使子頁面$指向父元素jQuery對象問題：子頁面中的jQuery方法用不了。比如子頁面代碼如下<h1?id="h1">213</h1> <script> var?$?=?window.parent.jQuery; alert($("#h1").text())?//?彈出框中是空的 alert($("#h1").attr("id"))?//?獲取的id是undefined </script>請問：子頁面可以使用父頁面的jquery嗎，該如何實(shí)現(xiàn)？下面是我做的測試截圖父頁面：子頁面調(diào)試截圖

查看完整描述

3 回答

花滿樓的小前端a

TA貢獻(xiàn)79條經(jīng)驗(yàn) 獲得超33個(gè)贊

1、幾個(gè)頁面都加載jquery結(jié)果是一樣的，不存在性能問題，因?yàn)橛芯彺妫?br />

2、子頁面這樣用，你能保證父頁面的jquery已加載完畢嗎？

反對回復(fù) 2016-11-04

未期而遇
父頁面iframe寫在引用的jQuery的script后面了，子頁面var $ = window.parent.jQuery;確實(shí)已經(jīng)指向了父頁面的jQuery。所以加載子頁面時(shí)，父頁面已經(jīng)加載完jQuery了

回復(fù) 2016-11-04
未期而遇
我把問題重新編輯了，你可以看看效果。

回復(fù) 2016-11-04

WEB_huang

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊

要這個(gè)var?$?=?window.parent.jQuery;干嘛，jq本來就封裝好$了

反對回復(fù) 2016-11-03

未期而遇
我是在子頁面設(shè)置var $ = window.parent.jQuery;子頁面沒有引入js文件。。。

回復(fù) 2016-11-03
未期而遇
子頁面沒有引用jquery，使用$是訪問不到父頁面的jquery對象。 var $ = window.parent.jQuery;它的意思是使子頁面的變量$指向父元素的jQuery對象。。。

回復(fù) 2016-11-03