jquery mobile fullcalendar prev next icon

-1

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

我对这个相对较小的问题进行了高低搜索。在这里我相信可能是原因：

1. jquery ui和jquery移动冲突（.js和.css文件的顺序） - 我试过所有的命令都无济于事。
2.致电fullcalendar主题移动网页（内页，而不是头标签）
3.过渡问题从家到特定的移动页面
4. UI图标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>

任何答案或答案的头脑风暴将是非常有益的。

在此先感谢！

来源

2012-05-28 Parfait

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

来源

2012-05-29 14:35:01 ganeshk

我确实尝试了主题设置为true，没有运气。向上箭头仍然显示在按钮图标图像上。 – Parfait

从文档...

哈希必须提供该按钮名称映射（从报头），以图标字符串。图标字符串决定了将在按钮上使用的CSS类。例如，字符串'circle-triangle-w'将导致类'ui-icon-triangle-w'。

我正在寻找使用ui-icon-carat-1-w和ui-icon-carat-1-e。我发现萤火虫在确定正确的散列值以获得适当的映射方面非常有用。

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

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

来源

2014-01-13 13:47:28

jquery mobile fullcalendar prev next icon

回答

相关问题