JQuery .load（）問題

我試圖讓下面的.load（）方法工作。當前的代碼不會在div內顯示請求的頁面，因爲我認爲它應該。思考？測試.load（）方法並確定它是否正常工作的最佳方法是什麼？JQuery .load（）問題

ParentPage.cfm

<script> 
$("#go_val").click(function() { 
    $('#test_div').load('htdocs/mysite/index.cfm?event=test #container'); 
} 
</script> 
<form name="parent_form" id="parent_form"> 
<input type="text" name="myText" id="my_Text" value="TestValue"> 
<input type="button" name="go" id="go_val" value="GO"> 
</form> 
<div id="test_div"></div>

test.cfm（又名index.cfm？事件=測試）的時間提前

<html> 
<head> 
<title>test</title> 
</head> 
<body> 
<div id="container">Yippee</div> 
</body> 
</html>

感謝。所有的建議表示讚賞。

來源

2012-02-28 user891859

你確定你需要「htdocs/mysite /」嗎？ – Zevan 2012-02-28 18:59:09

我試過兩種方式，有和沒有整個目錄。這些文件位於相同的文件夾中。雖然沒有改變。 – user891859 2012-02-28 19:05:47

你必須設置它的負載。

$(function(){ 
$("#go_val").click(function() { 
    $('#test_div').load('htdocs/mysite/index.cfm?event=test #container'); 
} 
});

測試另外最好方法是使用http://getfirebug.com/和查看控制檯，看是否請求正在取得進展。

來源

2012-02-28 18:58:32

我試過你的建議，但仍不更新div的內容。這裏是我的代碼'$（function（）{ \t $（「＃go_val」）。click（function（）{ \t $（'＃test_div'）。load（'/ htdocs/mysite/pages/jquery_inner_test.cfm #container'）; \t}） }）;' – user891859 2012-02-28 20:37:26

嘗試

$.ajax({ 
    url: 'htdocs/mysite/index.cfm?event=test', 
    dataType: 'html', 
    success: function(htmldata){ 
     $('#test_div').html($(htmldata).find('#container').html()); 
    }, 
    error: function(a,b,c) { 
     alert('Something went wrong: ' + b); 
    } 
});

來源

2012-02-28 18:59:07 Johan

我也試過你的建議，但沒有加載到div中。這裏是我的代碼版本：'$（文件）。就緒（函數（）{ \t $（「＃go_val」）點擊（函數（）{ \t \t $阿賈克斯（{ \t \t \t網址：。「/htdocs中/ mysite的/網頁/ jquery_inner_test。CFM」， \t \t \t數據類型： 'HTML'， \t \t \t成功：函數（htmldata）{ \t \t \t \t $（ '＃test_div'）。HTML（$（htmldata）.find（ '＃集裝箱' ）。html的（））; \t \t \t}， \t \t \t錯誤：功能（A，B，C）{ \t \t \t \t警報（ '出了點：' + B）; \t \t \t} \t \t}）; \t}）; }）;' – user891859 2012-02-28 20:31:55

@ user891859發佈它在jsfiddle或其他東西，這只是一個混亂 – Johan 2012-02-28 21:09:27

你需要指定點擊功能被註冊後的文件已經準備好，因爲它在聲明它不存在。

<script> 
    $(document).ready(){ 
    $("#go_val").click(function() { 
     $('#test_div').load('htdocs/mysite/index.cfm?event=test #container'); 
    } 
    } 
</script>

來源

2012-02-28 18:59:10 TheDelChop

我試過你的建議，但沒有任何東西仍然被加載到div。這裏是我嘗試的代碼... $（document）.ready（function（）{$（「＃go_val」）。click（function（）{$（'＃test_div'）。load（'/ htdocs/mysite/pages /jquery_inner_test.cfm'）;}）;}）; – user891859 2012-02-28 20:26:05

當我複製你的代碼時，我在firebug控制檯中看到一個錯誤，所以Adam有正確的方法來調試問題。

missing) after argument list

我改變了功能：

$("#go_val").click(function() { 
    $('#test_div').load('index.cfm?event=test #container'); 
})

注結束括號和你只需要有參考index.cfm（沒有路徑），因爲它與父頁面位於同一目錄中。

我已經做了這麼多次了，螢火蟲是我通往另一邊的唯一途徑。好運。

來源

2012-03-01 03:57:10

謝謝邁克爾 - 我會給它一個鏡頭。 – user891859 2012-03-01 12:57:56

JQuery .load（）問題

回答

相關問題