如何在div使用jQuery

加載DIV中IFRAME

<div id="chatMessageArea" class="divBorder"> 
    <div id="messageArea" class="divBorder"></div> 
    <div id="enterMessage" class="divBorder"></div> 
</div>

如何加載新的iframe中ID爲messageArea股利。

我的jQuery函數會，

function createIframe(intxnId){ 

    var iframe = "<iframe id='ch_"+intxnId+"' src='" + contexPath + "/heartChat.jsp' ></iframe>"; 
    alert("iFrame Details : "+iframe); 
    ("#chatMessageArea").find("messageArea").append(iframe); 
}

我警覺的結果是，

enter image description here

而且我得到了錯誤的，

Object doesnot support this error在這一行("#chatMessageArea").find("messageArea").append(iframe);。

如何使用ID爲messageArea的內部div中的JSP創建IFrame。

來源

2013-06-24 Human Being

你只是想在你的jquery調用中缺少$！不是嗎？！ – Ali

你的語法是有點過了下手，但你可以使用它的id直接選擇messageArea，就像這樣：

$("#messageArea").append(iframe);

只是爲了清理你原來的問題，你缺少的開始$，也是#從messageArea選擇，所以它應該是這樣的：

$("#chatMessageArea").find("#messageArea").append(iframe);

但再次重申，find是沒有意義的，你已經有一個唯一的ID爲messageArea（！或至少它應該是唯一的）

來源

2013-06-24 12:20:45 musefan

+1爲您的答案。 –

試試這個：

function createIframe(intxnId){ 
    // using $() to create the DOM object 
    var iframe = $("<iframe id='ch_"+intxnId+"' src='" + contexPath + "/heartChat.jsp' ></iframe>"); 
    alert("iFrame Details : "+iframe); 
    // You have to add the '#' to search for an ID instead of an tagname 
    $("#chatMessageArea").find("#messageArea").append(iframe); 
}

來源

2013-06-24 12:21:26

+1爲您的答案。 –

我認爲你缺少從一個$最後一行的開頭： $（「＃chatMessageArea」）。find（「messageArea」）。append（iframe）;

來源

2013-06-24 12:22:44 DJL

哎呀，打到它 – DJL

是有點太慢:)但是，你也有一個問題，你的'find'選擇器和你的格式 - 請格式化代碼，所以它顯示在這個職位正確（使用按鈕，或縮進它4個空格） – musefan

如何在div使用jQuery

回答

相關問題