Obnovte 2 divy s jedným kliknutím Jquery - javascript, jquery, html, css

Dobre, Takže chcem obnoviť 2 divy LEN 1 KLIKNUTÍM NA 1 TLAČIDLO bez toho, aby som skutočne obnovil samotnú stránku.

Skúsil som nasledovné

HTML:

<div id="main">
<a>
<div id="dialogue" class="dialogue">
<b class="dialogue">Click to continue</b>
</div>
</a>
</div>

jQuery:

<script>
$(document).ready(function() { /// Wait till page is loaded

$("#dialogue").click(function(){

$("#main").load("dialogue.php?test&count=<?php echo $count ?>", function() {
/// can add another function here
});

});

$(".dialogue").click(function(){

$("#head").load("dialogue.php?head", function() {
/// can add another function here
});

});
});
</script>

Toto v kóde HTML: <div id="dialogue" class="dialogue"> je potrebné aktivovať 2 div refresh, urobil som to, aby som mohol pripojiť dve veci. Nasledujúce skripty sa iba načítajú a môžu sa obnoviť iba raz, namiesto niekoľkokrát. Pomôžte nám.

odpovede:

V rámci udalosti jedného kliknutia môžete zavolať viac funkcií, napríklad takto:

<script>
$(document).ready(function() {

// click event
$("#dialogue").click(function(){

// refresh first element
$("#main").load("dialogue.php?test&count=<?php echo $count ?>", function() {
// callback
});

// refresh second element
$("#head").load("dialogue.php?head", function() {
// callback
});

});
});
</script>

od tej doby #dialogue je dieťaťom #maina nahradzujete obsah priečinka #main po kliknutí sa zobrazí #dialogue Po kliknutí na tlačidlo zmizne.

Malá poznámka: váš kód HTML je neplatný. Nemôžete mať a <div> prvok (ktorý je na úrovni bloku) vo vnútri prvku <a> (ktorý je vložený). Namiesto toho vyskúšajte toto označenie:

<div id="main">
<a id="dialogue" class="button-dialogue">
<strong>Click to continue</strong>
</a>
</div>

$("#dialogue").click(function(){

$("#main").on("click", ".dialog", function(){