当将jquery完整日历插件（http://arshaw.com/fullcalendar/）与jquery mobile一起使用时，上月和下个月按钮图标仅显示向上箭头的背景图像，这是长256 x 240.png图像文件上的第一个图标。当我在 Firefox 中刷新页面时，会显示正确的东箭头和西箭头，但我丢失了所有其他样式，包括背景、主题等。刷新在 IE 中不起作用。
我上下搜索这个相对次要问题的答案。我认为这可能是原因：
1. jquery UI 和 jquery 移动冲突（.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>
任何答案或答案的头脑风暴都将非常有帮助。
提前感谢！
您是否尝试过使用将theme选项设置为true的FullCalendar？这迫使它使用 jQuery UI 主题而不是 fullCalendar 主题。也许CSS冲突可能会消失。
从文档中...
必须提供将按钮名称（从标头）映射到图标字符串的哈希。图标字符串确定将在按钮上使用的 CSS 类。例如，字符串"圆形三角形-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'
},