2011-07-09 45 views
-3

可能重複:
How to show a page where a DIV is with jQueryjQuery的節目斧頭外部PHP頁面

你好我在頁面index.html的一個DIV:

<div id="form"></div> 

現在我需要用jQuery來顯示該DIV中的另一個頁面。 我需要調用並加載的頁面是contact.php 它是一個簡單的HTML + PHP聯繫表單。 有沒有一種方法來加載jQuery的contact.php的內容在DIV是index.html頁面?

請記住contact.php頁面包含一些必須完全正常工作的javascript代碼。所以在這種情況下,jQuery.load函數將不起作用。

感謝您的幫助!

+0

你能證明你的網頁? –

+0

有沒有必要問一個新的問題。您可以編輯您的原始問題以添加這兩個句子。 –

+0

不可能,它是重複的。 – genesis

回答

0

爲什麼jQuery.load不能使用javascript?它的偉大工程,你只需要使用

$(function(){ 
    //your things 
}); 

在AJAX調用頁

你可以用

$(function(){ 
    $.ajax({ 
     url: 'conteact.php', 
     success: function(data){ $("#form").html(data); } 

    }); 
}); 
+0

沒有jQuery.load刪除在contact.php頁面內的任何JavaScript代碼。在最後的index.html中,contact.php中的所有javascript代碼根本不起作用。但我需要他們。我無法從contact.php頁面移動javascript代碼 –

+0

answer edited ... – genesis

+1

但是,使用.load()執行javascript。 – genesis

1

填補你的div試試這個:

$.get("contact.php", function(data){ $("#form").html(data); }); 

如果您的聯繫.php是一個完整的頁面(包括<html>),你應該考慮加載它在<iframe/>

編輯如果$.get不按上述方式工作,你可以試試這個:

$.get('example.html', function(data) { 
     var $page = $(data); 
     $page.filter('script').add($page.find('script')).each(function(){ 
      $.globalEval(this.text || this.textContent || this.innerHTML || ''); 
     }); 
     $('#form').html(data); 
    } 
}); 

如果$.get作品.load,腳本將被忽略。有了這段代碼,我們迫使他們被執行。

希望這會有所幫助。乾杯

+0

它給了我一個錯誤丟失)在Firebug的參數列表後 –

+0

你能解決這個錯誤嗎?請..... –

+0

它現在已經修復,我希望它能正常工作:) –

0

你可以使用AJAX和.load()方法:

$(function() { 
    $('#form').load('/contact.php'); 
}); 

如果contact.php包含JavaScript代碼,這段代碼也將工作和執行。

例如,如果contact.php看起來是這樣的:

<div id="foo"></div> 
<script type="text/javascript"> 
    $('#foo').html('some dynamic content'); 
</script> 

產生的DOM看起來像這樣的AJAX調用後:

<div id="form"><div id="foo">some dynamic content</div></div> 
+0

'.load()'方法會忽略加載內容中的所有'

  • 11. 帶有外部頁面的jQuery ajax加載頁面
  • 12. 如何覆蓋斧頭有不同列的Seaborn中的蒙面情節? - Python
  • 13. Fancybox jQuery鏈接到外部頁面
  • 14. 用jquery檢索外部頁面數據
  • 15. 在jQuery Colorbox中打開外部頁面
  • 16. 將外部頁面插入到Jquery Mobile
  • 17. jQuery加載外部網站頁面
  • 18. Jquery - 在DIV中加載外部頁面
  • 19. 解析外部HTML頁面用PHP
  • 20. 如何在斧頭ylabel2
  • 21. 專線和斧頭與plotyy
  • 22. 當完成更新時運行外部頁面jQuery OnClick頁面
  • 23. 如何從外部頁面鏈接到jquery移動子頁面?
  • 24. jquery移動頁面外部加載頁面
  • 25. 使用jquery/ajax加載外部頁面 - 加載外部頁面的jQuery腳本以及
  • 26. JQuery Mobile - 從外部頁面(SinglePage-template)到內部頁面(MultiPage-template)的鏈接
  • 27. UI Tab加載外部頁面在外部頁面(2級)
  • 28. 用PHP和jQuery預取內部頁面
  • 29. jquery在使用load()加載外部頁面時重新初始化。 Jquery lib也添加在外部頁面中。
  • 30. 用jquery疊加外部頁面的一部分