Question

我正在使用JQuery的DatePicker和“Start”主题。它在我的本地计算机上使用该主题正确显示。但是当我将它上传到我们的服务器时，它不会像在本地那样显示。日历显示但外观错误。

我能观察到的唯一区别是：在我的本地机器中，我使用“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>

Answer 1

如果网站以https运行，可能会阻止样式表，在这种情况下，某些浏览器不会加载不安全的内容，只会加载安全内容。

即 - ＆GT; appendStylesheet（ 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css'）;

如果您的Web浏览器上安装了任何开发人员工具，您可能需要检查样式表是否加载。 Chrome有一个网络控制台，可以显示单个文件是否成功加载。

如果是这种情况，您可以尝试更改 - ＆GT; appendStylesheet（ 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css'）;

要 - ＆GT; appendStylesheet（ 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css'）;

或 - ＆GT; appendStylesheet（ '// ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/start/jquery-ui.css'）;

JQuery主题在服务器中不起作用

1 个答案: