1

「開始」テーマで JQuery の DatePicker を使用しています。ローカル マシンでそのテーマを使用して正しく表示されます。しかし、サーバーにアップロードすると、ローカルのように表示されません。カレンダーは表示されますが、見た目が間違っています。

私が観察できる唯一の違いは次のとおりです。私のローカルマシンでは、「http://」を使用しています。サーバーで表示するときは、「https://」を使用します。

これが私の Zend Framework コード (レイアウト) のスニペットです。

$this->headLink()
                ->appendStylesheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css');

$this->headScript()
                ->prependFile('https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js')
                ->prependFile('https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js');

次に、インデックスコントローラーで：

$this->headScript()
->setScript('$(document).ready(function() {
        $("#datepicker").datepicker({ dateFormat: "dd/mm/yy" });
    });')

<div class="left">Date: <input type="text" size="7" id="datepicker"></div>
4

1 に答える 1

0

サイトが https で実行されている場合、スタイルシートがブロックされている可能性があります。この場合、一部のブラウザは安全でないコンテンツをロードせず、安全なコンテンツのみがロードされます。

すなわち ->appendStylesheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css');

Web ブラウザーに開発者ツールがインストールされている場合は、スタイルシートが読み込まれるかどうかを確認することをお勧めします。Chrome には、個々のファイルが正常にロードされたかどうかを示すネットワーク コンソールがあります。

この場合、 ->appendStylesheet('http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css'); を変更してみてください。

to ->appendStylesheet('https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css');

または ->appendStylesheet('//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css');

于 2012-12-15T10:58:57.513 に答える