首頁(yè) 猿問頁(yè)面和頁(yè)面中的框架共享jquery...

頁(yè)面和頁(yè)面中的框架共享jquery的問題？

JavaScript JQuery

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

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

查看完整描述

3 回答

花滿樓的小前端a

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

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

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

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

未期而遇
父頁(yè)面iframe寫在引用的jQuery的script后面了，子頁(yè)面var $ = window.parent.jQuery;確實(shí)已經(jīng)指向了父頁(yè)面的jQuery。所以加載子頁(yè)面時(shí)，父頁(yè)面已經(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本來(lái)就封裝好$了

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

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

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

回復(fù) 2016-11-03