1

我正在使用带有“开始”主题的 JQuery 的 DatePicker。它在我的本地机器上使用该主题正确显示。但是当我将它上传到我们的服务器时，它并没有像在本地那样显示。日历显示，但外观错误。

我能观察到的唯一区别是：在我的本地机器上，我使用“http://”。当我在我们的服务器上查看它时，我使用“https://”。

这是我的 Zend 框架代码（布局）的片段。

$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');

到 ->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 回答