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

回答

相關問題