1

jqueryを使用して質問のコンテンツをdivに動的にロードしています。これは私の最初の試みであり、「質問を取得」ボタンをクリックするとロードされます。ただし、質問が読み込まれると、[質問を取得]ボタンは表示されなくなります。ボタンをそのままにして、最終的に次の質問ボタンとして使用したいと思います。

jqueryコードは次のとおりです。

<script type="text/javascript" src="../jquery/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(
$("#GetQuest").click(function(){
    $.post("CCRN/question.php", {num : parseInt($("input#q_num").val()) + 1}, function (data) {
        $("div#question").html(data);
        $("input#q_num").val() =  parseInt($("input#q_num").val()) + 1;
    });
});
});
</script>

<input type="button" id="GetQuest" value="Get Question" />
<input type="hidden" id="q_num" value=1 />
<p>Question: <div id="question"> </div></p>
<p>Answer: <div id="answer"> </div></p>

これが質問作成コードです（質問は読み込まれ、正常に表示されますが）

<table width="100%"><?php
$i = $q_num;
if ($row["image"] <> NULL) { ?>
 <tr align="center">
    <td colspan="2" align="center">
        <img src="<?php $pic = $row["image"]; echo $base_path . $pic; ?>" />
    </td>
 </tr><br />
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<?php
 } ?>
<tr id="Qu<?php echo $i; ?>" class="Qu<?php echo $i; ?>">
<td width="7%"><?php echo $i.") " ?></td>
<td width="93%" ><?php echo $row["question"]; ?></td>
</tr>

<?php 
for ($j=1;$j<=6;$j++) { 
$bracket= "answer_" . $j;
if ($row[$bracket] !== NULL) {?>
    <tr>
        <td align="center" class="row<?php echo $j % 2; ?>" width="7%">
            <input type="radio" <?php echo ($_POST["Q".$i] == $j) ? 'checked="checked"' : '' ; ?> name="Q<?php echo $i; ?>" value="<?php echo $j; ?>" /><?php echo chr(64 + $j); ?>
        </td>
        <td class="row<?php echo $j % 2; ?>" width="93%">
            <?php echo $row["answer_".$j]; ?>
        </td>
    </tr> <?php
}
} ?>
</table><hr size="2" width="95%">

質問の内容を読み込んだときにボタンが消える理由がわかりません。私はそれが恥ずかしい単純なものであると確信しています、それが私が嘲笑を最小限に抑えるために安全な避難所に来ている理由です！:)

ライブテストサイトhttp://www.GrowingSpeakers.com/index2.phpで、消えるボタンを確認してください。

4

2 に答える 2

2

以前、idが「question」のdivを使用しています。

<div class="TabbedPanelsContent" id="question">

と

<p>Question: <div id="question"> </div></p>

IDが異なるファイルからのものであっても、それらが同じDOMツリーに表示されている限り、問題ではありません。それらは同じものとして扱われます。

于 2012-08-04T04:08:09.283 に答える
1

IDの質問を持つ2つのdivがあり、実行時に最初に見つかったdivのコンテンツがjavascriptによって置き換えられます。

 $("div#question").html(data);

最初のIDを変更すると、正常に機能するはずです。

于 2012-08-04T04:03:33.700 に答える