コンテナの背景色をその子に同期したいと思います。おかげAJAXで読み込まれた要素の可変色にページ(ボディ)の色を設定するにはどうすればよいですか?
はここで、私が試したものです動作しません...
<script>
$(document).ready(function() {
var color = $("section").css("background-color");
$('body').css("background-color", color);
});
</script>
ここに私のjQueryのAJAXです:
<script type="text/javascript">
function getPage(id) {
$('#output').html('<img class="loader" src="/assets/img/loader.gif" />');
jQuery.ajax({
url: "get_page.php",
data:'id='+id,
type: "POST",
;}
});
}
getPage(1);
</script>
そして、私のhtml ...
<body>
<div id="output">
<section style=";">
<p>Bla bla bla</p>
</section>
</div>
</body>
そして、ショームの答えからの作業ソリューション!>
<script type="text/javascript">
$(document).ready(function() {
updateColor();
});
function getPage(id) {
$('#output').html('<img class="loader" src="/assets/img/loader.gif" />');
jQuery.ajax({
url: "get_page.php",
data:'id='+id,
type: "POST",
success:function(data){$('#output').html(data);updateColor();}
});
}
function updateColor(){
var color = $("section").css("background-color");
$('body').css("background-color", color);
}
getPage(1);
</script>
HTMLを投稿できますか? –
あなたはajaxを使用していません... – amflare
は、一度ページが読み込まれるとあなたの関数が起動されるように見えますが、後でそれを更新するAJAXは決してありません。機能は動作しますが、目的に合ったものではありません; –