Question

我正在尝试将jQuery UI datepicker功能合并到我正在创建的网站中，但出于某种原因，它显示为半透明。我已经阅读并且显然是因为没有链接css文件而引起的。

我已按此顺序链接了所有这些文件：

jquery-ui.min.css
jquery-ui.structure.min.css
jquery-ui.theme.min.css
jquery-1.11.3.min.js
jquery-ui.min.js

它们都来自于我的jQuery UI（当然除了jQuery v1.11.3）

然后，在表格区域我有：

<form id="purchase">
    <fieldset class="purchase">
        <input type="text" id="datePicker">
    </fieldset>
</form>

然后在我的javascript文件中我有：

$(function() {

    $( '#datePicker' ).datepicker();

});

结果是日期选择器显示但是它是透明的。我已经盯着这几个小时思考那里有一些显而易见的东西，但我却无法看到它。任何帮助将不胜感激。

Answer 1

你的样式表有些不确定，不知道它是什么，但有些东西是在你的脑袋中插入一个空样式标签，用jquery-ui.css替换它似乎可以修复它。希望完全可以在源头工作。变化

＆＃13;

<link type="text/css" rel="stylesheet" src="css/jquery-ui.min.css">
<link type="text/css" rel="stylesheet" src="css/jquery-ui.structure.min.css">
<link type="text/css" rel="stylesheet" src="css/jquery-ui.theme.min.css">

＆＃13;

要

＆＃13;

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link type="text/css" rel="stylesheet" src="css/jquery-ui.min.css">
<link type="text/css" rel="stylesheet" src="css/jquery-ui.structure.min.css">
<link type="text/css" rel="stylesheet" src="css/jquery-ui.theme.min.css">

＆＃13;

jQuery datepicker是半透明的

1 个答案: