0

わかりましたので、php によって生成されたコンテンツをロードするコンテナ div があります。コンテンツの高さがわからず、絶対に配置されているため、すべてのコンテンツがそこにあるまでコンテナ div の高さがわかりません。PHP変数に必要な高さを収集し、jqueryを使用してコンテナdivをこの高さに設定したいのですが、まだ機能していません。

このコードをページの下部近くに配置しました。

<script type="text/javascript">
$(document).ready(function () {
$("#DynContainer").css({height:<?php echo $containerHeight; ?>px})
});
</script>

現在は機能していませんが、コードを見るとphp変数が正しくエコーされています。例えば：

<script type="text/javascript">
$(document).ready(function () {
$("#DynContainer").css({height:440px})
});
</script>

編集：

多くの人が有益に示唆しているように、CSS に有効なコードを提供する必要がありました。それ以来、このコードを生成するように変更しました：

<script type="text/javascript">
$(document).ready(function () {
var containerHeight = "440px";
$("#DynContainer").css({height: containerHeight})
});

ただし、まだ機能しません。ID 参照は deffo で正しいです。

EDIT2：

コンソールを見ると、次のエラーが表示されます。

[15:46:29.460] TypeError: $ is not a function @ http://localhost/serge/?page_id=2045:242

jQueryがロードされていないことを示唆していますが、ページの上部で確実に呼び出されています。ページ全体のコードは次のとおりです: http://pastebin.com/tGadjaRA

解決済み: 競合しない jQuery の問題でした。みんな、ありがとう

4

3 に答える 3

0

スクリプトの冒頭で PHP 変数を JS に渡すことをお勧めします。

<script type="text/javascript">
var containerHeight = <?php echo $containerHeight; ?>;
// from now, it's pure JS. both better maintainable and readable
$(document).ready(function () {
    $("#DynContainer").css({'height': containerHeight})
});
</script>
于 2012-09-04T13:17:25.237 に答える