1回のクリックで2 divを更新するJquery - javascript、jquery、html、css

はい、 だから私は実際にページ自体を更新せずに1ボタンの1クリックだけで2 divを更新したいです。

私は次のことを試した

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>

これはHTMLでは： <div id="dialogue" class="dialogue"> 2 divリフレッシュをアクティブにする必要があります、私は2つのことをフックできるように私はこれをしました。 次のスクリプトはバグが発生しただけで、2、3回ではなく1回しか更新できません。助けてください。

回答：

次のように、シングルクリックイベント内で複数の関数を呼び出すことができます。

<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>

以来 #dialogue の子供です #mainそして、あなたは「の内容を置き換えます #main クリックすると、 #dialogue クリックするとボタンが消えます。

マイナーノート：あなたのHTMLは無効です。持ってはいけません <div> 内の要素（ブロックレベル） <a> （これはインラインです）。代わりにこのマークアップを試してください。

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

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

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