-3

在 jquery mobile 上使用 jquery fullcalendar 插件 ( http://arshaw.com/fullcalendar/ ) 时，prev 和 next month 按钮图标仅显示向上箭头的背景图像，这是 long 256 x 240 上的第一个图标.png 图像文件。当我在 Firefox 中刷新页面时，会显示正确的东西箭头，但我会丢失所有其他样式，包括背景、主题等。刷新在 IE 中不起作用。

我从高处和低处寻找这个相对较小问题的答案。这里我认为可能是原因：

1. jquery ui 和 jquery mobile 冲突（.js 和 .css 文件的顺序）--我尝试了所有命令都无济于事。
2. 在移动页面上调用全日历主题（在页面内部而不是头部标签）
3. 从主页到特定移动页面的转换问题
4. ui-icon css 类的像素大小（对于移动设备，它应该大于 16px x 16px 吗？）
5. 需要使用 $(document).ready() 函数自定义覆盖 jquery ui。

请在下面查看我包含的文件头代码：

<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar/fullcalendar.css'>
<link rel='stylesheet' type='text/css' href='../fullcalendar/demos/cupertino/thememobile.css'>
<link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar/fullcalendar.print.css' media='print'>

<link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" />
<script src="jquery-1.6.4.min.js"></script>
<script src="jquery.mobile-1.0.1.min.js"></script>

<script type='text/javascript' src='../fullcalendar/jquery/jquery-ui-1.8.17.custom.min.js'></script>
<script type='text/javascript' src='../fullcalendar/jquery/jquery-1.7.1.min.js'></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar/fullcalendar.min.js'></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar/jquery.qtip-1.0.0-rc3.min.js'></script>
<script type='text/javascript' src='../fullcalendar/fullcalendar/calendareventsmobile.js'></script>

任何答案或对答案的头脑风暴都会非常有帮助。

提前致谢！

4

2 回答 2

0

您是否尝试过使用 FullCalendar 并将theme选项设置为true？这迫使它使用 jQuery UI 主题而不是 fullCalendar 主题。也许CSS冲突可能会消失。

于 2012-05-29T14:35:01.487 回答
0

从文档...

必须提供将按钮名称（从标题）映射到图标字符串的散列。图标字符串确定将在按钮上使用的 CSS 类。例如，字符串 'circle-triangle-w' 将产生类 'ui-icon-triangle-w'。

我正在寻找使用 ui-icon-carat-1-w 和 ui-icon-carat-1-e。我发现 firebug 在确定正确的哈希值以获取正确的映射时非常有帮助。

这是我需要使用的示例。

    buttonIcons: {
        prev: 'carat-1-w',
        next: 'carat-1-e'
    },
于 2014-01-13T13:47:28.967 回答