iframe和父

我加載外部頁面（在我的域名相同）中使用jQuery負荷函數一個div jQuery的衝突。這兩個頁面也將具有單獨的角色，即子頁面具有其自己的功能（作爲單個頁面工作），並且它也將加載到div中。頁面結構作爲iframe和父

第1頁（父）

<html> 
<head> 
<script>JQUERY HERE</script> 
</head> 
<body> 
<div id="to_load_second_page"></div> 
</body> 
</html>

第2頁

<html> 
<head> 
<script>JQUERY HERE</script> 
</head> 
<body> 
<div id="contents"></div> 
</body> 
</html>

單獨兩個頁面工作正常。但是在加載第一個div的第二個頁面之後，第一個頁面的jQuery函數就不起作用了。

我認爲，當在第二頁孩子加載再次獲得的jquery.js父補充說。但我們不能避免加載這個jquery.js，因爲子頁面也需要單獨運行，因爲jquery.js是必需的。

請幫助如何解決這個問題

謝謝您的時間 :)

來源

2012-06-26 ramesh

在標題中，你說「iframe」，但從你的描述，它聽起來像是'將你的頁面上的整個HTML頁面加載到div中。你真的在使用'iframe'嗎？ –

對不起古斯塔夫·卡爾森...我使用.load在一個div加載整個HTML頁面.... – ramesh

當使用jQuery的追加內容到現有的元素，你不想來獲取整個HTML文檔，而僅僅是在現有頁面中注入的新標記。但是請注意，jQuery將在所獲取的HTML片段被在全球範圍內執行，確保<script>標籤（即「第1頁」，在這裏你已經對jQuery可用！），這樣你可以組織2頁的內容，像這樣：

<div id="contents"><!-- Contents here --></div> 
<script> 
    /* JS you want to execute - but don't include jQuery.js here - 
     it's already available and including it again will overwrite the 
     existing object, making any plugins originally included unavailable! 
    */ 
</script>

來源

2012-06-26 09:58:36

感謝您的答覆..但在運行第2頁的時間分別需要其功能的jquery.js ... :( – ramesh

它同時使用「獨立」和'.load'ed到第1頁？那麼應該在'iframe'嵌入它，或最好的時候顯示出來，使人們有可能既與整個HTML結構服務內容（對於獨立使用）和沒有（對於AJAX）。最好的做法完全取決於你的服務器端環境。 –

回答

相關問題