用另一個頁面內容動態填充正確的DIV

我在我的頁面上有多個DIV，而且我在使用另一個頁面視圖填充正確的DIV時遇到了問題。我會很感激一些幫助。用另一個頁面內容動態填充正確的DIV

我有一個循環，填充DIV列表。最終解析HTML看起來是這樣的：

<div id="replycontainer:1"> 
CONTENT1 
<button id="to:1" class="reply">REPLY</button> 
</div> 

<div id="replycontainer:2"> 
CONTENT2 
<button id="to:2" class="reply">REPLY</button> 
</div> 

<div id="replycontainer:3"> 
CONTENT3 
<button id="to:3" class="reply">REPLY</button> 
</div>

現在讓我們說一個用戶點擊了一個按鈕「：3」，現在我需要添加一個「註釋」框「#replycontainer：3」。

我認爲是正確的JavaScript不起作用。它正確地檢測點擊的DIV類，但是沒有其他頁面內容被添加到選定的DIV中。

可能是什麼問題？

使用Javascript/jQuery的我用它來檢測點擊了哪個按鈕DIV：

<script type="text/javascript"> 

$(document).ready(function() { 
    $("button.reply").click(loadComment); 
}); 


function loadComment() { 
    var id = this.id.split('to:'); 
    var postId = id[1]; 
    var containername = "#replycontainer:" + postId; 

    $(containername).load("/Post/Comment"); //MVC Action pointer 
} 

</script>

提前感謝！

來源

2012-02-27 Shenaniganz

您將需要避免「：」每jQuery選擇API 「\\」。用於界定類名

http://api.jquery.com/category/selectors/

壞的制度「：」是用來定義有多種，例如選擇「：輸入」，「：檢查」等

來源

2012-02-27 00:45:36 charlietfl

就是這樣。謝謝 – Shenaniganz 2012-02-27 00:50:06

你錯過了「'在

class="replycontainer:1

，如果它是實際的代碼。‘：’符號，因爲我知道在id和class屬性已被棄用，因爲我知道

來源

2012-02-27 00:25:03 ZloyPotroh

ID和名稱標記必須以字母（[A-Za-z]）開頭，後跟任意數量的字母，數字（[0-9]），連字符（「 - 」），下劃線（「 _「），冒號（」：「）和句點（」。「）。 – shaunsantacruz 2012-02-27 00:32:37

但如果你使用[：]，如果你在CSS文件中使用這個類，它將被解釋爲僞類（例如：hover，：visited-熟悉？，但是：1 ???） – ZloyPotroh 2012-02-27 00:47:04

好點。感謝澄清。 – shaunsantacruz 2012-02-27 00:52:35

在這裏，您引用。 DIV：

var containername = "#replycontainer:" + postId;

但容器實際上是一類：

<div class="replycontainer:1>

另外，還有一個錯字。你忘了用雙引號關閉類標記。

我在這裏已經固定它：

var containername = ".replycontainer:" + postId; 
... 
<div class="replycontainer:1">

來源

2012-02-27 00:25:40 shaunsantacruz

對不起，我發佈這個例子時搞砸了。是的，這些是ID，而不是類。我在下面的DIV和Javascript中都使用了ID。我的Javascript是正確的，但它不起作用。什麼可能是錯的？ – Shenaniganz 2012-02-27 00:36:53

我不認爲在負載值（）與Javascript/Jquery相關。

$(containername).load("/Post/Comment"); //MVC Action pointer

load（）只能在頁面加載期間運行一些javascript。但是你正試圖在客戶端腳本上運行服務器腳本。請看看它。

來源

2012-02-27 00:52:40 Rocky

似乎工作... 我改變了：爲_分隔符，它的工作原理。唯一讓我困惑的是，處理這個邏輯需要很長時間。在屏幕上發生某些事情之前點擊5秒鐘後點擊。我認爲這與你所說的沒有任何關係，但是......是嗎？ – Shenaniganz 2012-02-27 01:07:54

用另一個頁面內容動態填充正確的DIV

回答

相關問題