0

私は 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 を理解しているため、なぜ機能しないのか、それ以上の手がかりはまったくありません。私はあなたたちに頼っています:) よろしくお願いします。

4

1 に答える 1

0

この結果、利用可能$(document).ready()になる前に使用しようとして$いるようです。を呼び出す前に、jQuery がロードされていることを確認する必要があります$()。に jQuery を読み込んでみてください<head>。

于 2013-06-24T19:00:04.650 に答える