Question

当jquery fullcalendar插件（http://arshaw.com/fullcalendar/）与jquery mobile一起使用时，上个月和下个月的按钮图标仅显示向上箭头的背景图像，这是长256到240的第一个图标.png图像文件。当我在Firefox中刷新页面时，向东和向右显示正确的箭头，但是我丢失了所有其他样式，包括背景，主题等。刷新在IE中不起作用。

我搜索了这个相对较小的问题的答案。我相信这可能是原因：

1. jquery ui和jquery移动冲突（.js和.css文件的顺序） - 我试过所有命令无济于事。
2.在移动页面上调用fullcalendar主题（页面内部而不是head标签）
3.从家到特定移动页面的过渡问题
4. ui-icon css类的像素大小（对于移动设备，它应该大于16px到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>

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

提前致谢！

Answer 1

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

Answer 2

来自文档......

必须提供一个哈希，将按钮名称（从标题中）映射到图标字符串。图标字符串确定将在按钮上使用的CSS类。例如，字符串＆＃39; circle-triangle-w＆＃39;将导致课程＆＃39; ui-icon-triangle-w＆＃39;。

我希望使用ui-icon-carat-1-w和ui-icon-carat-1-e。我发现firebug在确定用于获得正确映射的正确哈希值方面非常有用。

这是我需要使用的一个例子。

    buttonIcons: {
        prev: 'carat-1-w',
        next: 'carat-1-e'
    },

jquery mobile fullcalendar prev next icon

2 个答案: