javascript或jquery更改div的innerHTML？

這個功能讓我來加載上面我的頁面表單/彈出Test.aspx的javascript或jquery更改div的innerHTML？

$(document).ready(function() { 
    $('#<%= webform.ClientID %>').load('pop_up_one.html');})

我現在想改變這個彈出的innerHTML與另一個彈出，並有可能回來第一 popup。基本上我只是想改變第一彈出的DIV的innerhtml

怎麼可能做到這一點？想加入類似的東西：

$('#div_of_popup_one').click.load('pop_up_two.html');

但這是行不通的。

我發現，使其工作已經將此代碼融入pop_up_1-HTML的唯一方法：

function loadextPage(event) { 
     var xmlhttp = new XMLHttpRequest(); 
     xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
       document.getElementById('name_of_div_to_change').innerHTML = xmlhttp.responseText; 
      } 
     } 
     xmlhttp.open("GET", event.target.href, true); 
     xmlhttp.send(); 
    }

，並從稱之爲：

轉到第二彈出

這種方法的作品，但我想用類似

 $('#div_of_popup_one').click.load('pop_up_two.html')

從我打電話pop_up_one

來源

2014-10-11 bostongeorge

你的意思是：''$（ '＃div_of_popup_one'）點擊（函數（）{$（本）.load（ 'pop_up_two.html'）;}）;'' – Winestone 2014-10-11 10:18:56

您好，您的解決方案正在工作，但問題是我在主DIV內有不同的DIV，所以你的代碼只會改變你點擊的DIV。有可能點擊div的意思，但改變整個。 – bostongeorge 2014-10-13 06:44:24

Fixit。而不是使用$（this），我使用MAIN_DIV :-)謝謝 – bostongeorge 2014-10-13 06:50:29

要做到這一點，首先你需要綁定click事件，然後調用click。使用下面的代碼。。

$('#div_of_popup_one').on("click", function() { 
     $(this).load('pop_up_two.html'); 
    }); 

    $('#div_of_popup_one').click();

來源

2014-10-11 10:47:04

.on（「click」， - >是寫入權限還是？ – bostongeorge 2014-10-12 09:02:23

是的，它是綁定''click''事件爲所需的'div'。 – 2014-10-12 09:03:22

嗨，該解決方案不適用於我不明白爲什麼 – bostongeorge 2014-10-13 06:52:06

javascript或jquery更改div的innerHTML？

回答

相關問題