1

次のようにテーブル内のテーブル行をクリックすると、<div>呼び出された外部 PHP ページから POST コンテンツを含む div をロードします。#ajaxContent#tblStudents

$("#tblStudents").on("click", "tr", function(e){
var row_id = $("td:first a.ajaxCall", this).attr("rel");
$("#ajaxContent").html("<div id='wait'></div>");
$.ajax({
    url: "/page/editstudent.php",
    data: { 'student_id':row_id },
    success: function(data){
        $("#ajaxContent").html(data);
    }
  });
 });

#ajaxContent今、ロードされたdiv内に閉じるボタンを追加したいと思います。
このコードを#ajaxContentdivの外に追加すると、多少機能します。それはdivを非表示にしますが、$("#tblStudents").on("click", "tr", function(e)ページ全体が更新されるまで動作を停止します...

<button id='hide'>Hide</button>

<script>
  $("#hide").click(function(){
  $("#ajaxContent").hide();
 });
</script>

現在の jQuery スクリプトに close 関数を追加することはできますか? #tblStudentそれでも- テーブルの行を切り替えて#ajaxContent、ページを更新せずに読み込むことができますか?

4

1 に答える 1

1

唯一の問題は、非表示ボタンをクリックすると、次の行のクリックでコンテナーを表示するものが何もないことです。

行クリック内の要素に show() メソッドを追加するだけで問題が解決するはずです

 $("#ajaxContent").show().html("<div id='wait'></div>");

すでに表示show()されている場合は問題ありません

于 2012-06-05T14:57:44.897 に答える