如何在事件而不是頁面加載時加載某些內容

Question

因此，這種情況是針對正在進行的博客的評論，每個評論者都可以回復任何評論。 為此，我有一個鏈接，當單擊該鏈接時，該鏈接將顯示一個特殊的答復表單（使用jQuery），而不是頁面底部的普通答復表單。 因此，我不想只在頁面加載時在每個注釋上都加載表單，而是只加載用戶需要的表單，並且僅在用戶單擊鏈接時才加載。

現在，我不僅僅是想隱藏它們，我知道該怎么做。 我希望他們完全不存在，直到單擊該鏈接。 這樣可以做到嗎？ 您無需告訴我確切的操作方法（盡管稍后我可能會再回過頭來介紹一些特定的內容）。如果您只給我一個搜索字詞或簡短的概述，那將非常棒！ 謝謝！！

Answer 1

在鏈接上，單擊動態創建表單。 例如：

$('a.link').click(function()
{
   $('body').append("div id='dynamicdiv' class='y'><input type='text class='xyz' />" +
                    ".........................");
   $('#dynamicdiv').css({'position': 'absolute', 'top': '100px', 'left': '200px'});
});

Answer 2

注入HTML的最簡單方法是使用jQuery的load函數。

在示例中-加載頁面，並從頁面添加選擇：

$("#links").load("/Main_Page #jq-p-Getting-Started li");

對於更高級的選項，如果需要，還可以使用ajax ：

$.ajax({
  url: "test.html",
  cache: false,
  success: function(html){
    $("#results").append(html);
  }
});

Answer 3

我將添加一次表單，將其隱藏，克隆並在需要時附加它。 該鏈接將包含引用該評論的ID（或其他標識符）。 使用javascript來操縱表單或url選項的操作屬性（如果使用jQuery.form插件）。