1
によって公開された外部ファイルのID divへのid divへのアクセス私は完全な管理パネルAjax書き込みを必要としています。そして、Ajaxで呼び出された銀行の詳細ページ...この情報をボタンをオフにするdivそしてjs
に私のタラは、次のとおりです。
HTML
<html>
<head>
<script src="file/js/Connection.js"></script>
</head>
<body>
<div class="row" id="box"></div>
</body>
</html>
接続ファイルJSタラ：
$(document).ready(function() {
show_all();
});
function show_all() {
work = "select";
$.ajax({
type: "POST",
url: "server.php",
data: "work="+work,
success: function(data) {
$("#box").html(data);
}
});
}
とファイル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>
';
}
}
}
?>
そして、最後に、私は
$(".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");
}
});
をそのオフを書いて、JavaScriptコードをオンにしようとしましたが、選択は、次に外部ファイルに行われているため、彼らは私に言いましたあなたは正しく
$(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のhttp://www.screenr.com/SNHで彗星を使用して試すことができます:)