Javascript 在js发布的外部文件中通过Ajax访问id div

我想要一个完整的管理面板Ajax写和一个页面，详细说明银行调用的Ajax。。。我把这些信息倒在一个执行开关按钮的div上

我的cod是：

HTML

和文件server.php：

<?php

$pdo = new PDO('mysql:host=localhost;dbname=Contact', 'root', '');

if (isset($_POST['work'])) {
    $work = $_POST['work'];
    if ($work == 'select') {
        $qcomment = $pdo->query("SELECT * FROM myfeilds");
        while ($XXX = $qcomment->fetch()) {
            $Z1 = $XXX['id'];
            $Z2 = $XXX['name'];
            $Z3 = $XXX['active'];
            echo '


<div class="col-lg-3">
  <div class="row" id="back">
    <div class="col-lg-8" id="Fname">
      <span class="glyphicon glyphicon-check"></span>
        <label>' . $Z2 . '</label>
    </div>
    <div class="col-lg-4" id="Fbtn"> ';

      if ($Z3 == 1) { echo '

      <div class="btn btn-on" id="' . $Z1 . '">
        <div> <span class="glyphicon glyphicon-remove"></span></div>
        <div><span class="glyphicon glyphicon-ok"></span></div>
      </div>';   

       } else { echo '

      <div class="btn btn-off" id="' . $Z1 . '">
        <div> <span class="glyphicon glyphicon-remove"></span></div>
        <div><span class="glyphicon glyphicon-ok"></span></div>
      </div>';
       } echo '


    </div>
  </div>
</div>
';
        }
    }
}

?>

他们告诉我，因为选择是在外部文件中执行的，所以您必须使用此代码才能正常工作

$(document).on("click",".btn",function(event) {
    if($(this).hasClass("btn-on")){
    $(this).removeClass("btn-on");
    $(this).addClass("btn-off");

        }
        else {
    $(this).removeClass("btn-off");
    $(this).addClass("btn-on"); 

        }
});

此代码有效，但仅在我第一次进入此页面时有效 如果我拿到另一张账单，然后再回去，那就不行了

---

我该怎么办：）

您可以尝试在Jquery中使用Comet

希望这有帮助

---

关于，您可以尝试在Jquery中使用Comet

希望这有帮助

问候,

<?php

$pdo = new PDO('mysql:host=localhost;dbname=Contact', 'root', '');

if (isset($_POST['work'])) {
    $work = $_POST['work'];
    if ($work == 'select') {
        $qcomment = $pdo->query("SELECT * FROM myfeilds");
        while ($XXX = $qcomment->fetch()) {
            $Z1 = $XXX['id'];
            $Z2 = $XXX['name'];
            $Z3 = $XXX['active'];
            echo '


<div class="col-lg-3">
  <div class="row" id="back">
    <div class="col-lg-8" id="Fname">
      <span class="glyphicon glyphicon-check"></span>
        <label>' . $Z2 . '</label>
    </div>
    <div class="col-lg-4" id="Fbtn"> ';

      if ($Z3 == 1) { echo '

      <div class="btn btn-on" id="' . $Z1 . '">
        <div> <span class="glyphicon glyphicon-remove"></span></div>
        <div><span class="glyphicon glyphicon-ok"></span></div>
      </div>';   

       } else { echo '

      <div class="btn btn-off" id="' . $Z1 . '">
        <div> <span class="glyphicon glyphicon-remove"></span></div>
        <div><span class="glyphicon glyphicon-ok"></span></div>
      </div>';
       } echo '


    </div>
  </div>
</div>
';
        }
    }
}

?>

$(".btn").on('click',function(e){
    if($(this).hasClass("btn-on")){
    $(this).removeClass("btn-on");
    $(this).addClass("btn-off");

        }
        else {
    $(this).removeClass("btn-off");
    $(this).addClass("btn-on"); 

        }
});

$(document).on("click",".btn",function(event) {
    if($(this).hasClass("btn-on")){
    $(this).removeClass("btn-on");
    $(this).addClass("btn-off");

        }
        else {
    $(this).removeClass("btn-off");
    $(this).addClass("btn-on"); 

        }
});