1
發佈的外部文件中通過Ajax訪問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>
';
}
}
}
?>
而在最後，我試着寫關閉和打開的javascript代碼
$(".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");
}
});
此代碼的工作，而只是說我進入了發燒此頁面 第一次如果我得到另一個選項卡，再回去，不工作...
我該怎麼做:)