私は CakePHP を使用しており、テンプレートですべてのスクリプト タグを body タグの直前にプッシュして、ページの読み込みを高速化しました。本文のスクリプト タグの前に、jQuery に依存するコードがいくつかあります (スライダーとグラフ)。そのために document.ready-function を使用しましたが、何も起こりません。スクリプトを機能させるにはどうすればよいですか?
洞察を得るためのいくつかのコード:
テンプレート index.php
... html stuff ...
... the following line fetches the content which contains jQuery functions ...
<?php echo $this->fetch('content'); ?>
... html stuff ...
<?php
echo $this->Html->script('jquery');
echo $this->Html->script('jquery-ui-1.9.1');
echo $this->Html->script('rhinoslider-1.05');
echo $this->fetch('script');
echo $scripts_for_layout;
echo $this->Js->writeBuffer(); // Write cached scripts
?>
</body>
取得したコンテンツには、たとえばスライダー関数があります。
$(document).ready(function() {
$('#slideshow').rhinoslider();
});
私のアプローチ:window.onloadでも試しましたが、どちらも機能しません。document.ready- および onload-functions を理解しているため、なぜ機能しないのか、それ以上の手がかりはまったくありません。私はあなたたちに頼っています:) よろしくお願いします。