2013-10-15 18 views
-1

我想知道是否有可能使用jQuery中的.before()函數在同一個域中加載外部html文件。jQuery .before()與外部HTML文件(相同的域)

我想要的是一個基於用戶條目的動態放置表單元素的HTML表單(能夠添加儘可能多的電話號碼字段,例如他們想要的)。我嘗試了許多選項,如.load()或.html(),但我似乎無法找到任何工作解決方案。也許我沒有這樣做...

<script> 
    $(document).ready(function(){ 
     $("#add_society_number").click(function(){ 
      $(this).closest('table').before(forms/society_phone_number.html); 
     }); 
    }); 
</script> 

我應該用什麼來代替「forms/society_phone_number.html」?

我會有很多共享表單的頁面,這就是爲什麼我希望他們在外部文件。

爲什麼我想加載外部HTML文件的另一個原因是,使用。之前()函數的時候,我必須用「\」在我的每一行代碼的符...

謝謝: )

+5

你需要的是'.load()'。 – Pointy

回答

0

您需要使用$.ajax或其中一個輔助方法來獲取內容。

$(document).ready(function(){ 
    $("#add_society_number").click(function(){ 
     var self = this; 
     $.get("forms/society_phone_number.html",function(response){ 
      $(self).closest('table').before(response); 
     });    
    }); 
}); 
+0

非常感謝您的幫助!我想知道爲什麼我在我的問題上得到了一個投票,但是我搜索了很多沒有結果......無論如何,它現在像一個魅力,謝謝你! – Fierceblood

+0

你必須*顯示*你已經做過研究,例如,顯示你試圖獨自解決這個問題的方法。顯然'.before(「thepath」)'不會工作,因爲'.before'不會執行ajax。 –

0

你也可以使用.load( '/ URL /到/腳本')

​​