Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery mobile fullcalendar prev next icon
    primarykey
    data
    text
    <p>When using the jquery fullcalendar plugin (<a href="http://arshaw.com/fullcalendar/" rel="nofollow">http://arshaw.com/fullcalendar/</a>) with jquery mobile, the prev and next month button icons only show the arrow-up background image, which is the very first icon on the long 256 by 240 .png image file. When I refresh the page in Firefox, the correct arrow east and west show up, yet I lose all other styles including background, themes, etc. Refresh does not work in IE.</p> <p>I searched high and low for an answer to this relatively minor issue. Here I believe may be the causes:<br> <br> 1. jquery ui and jquery mobile conflict (order of .js and .css files) --I tried all orders to no avail. <br> 2. calling fullcalendar theme on mobile page (inside of page instead of head tags) <br> 3. transition issue from home to specific mobile page <br> 4. pixel size of ui-icon css class (should it be larger than 16px by 16px for mobile?) <br> 5. need of a custom override of jquery ui using the $(document).ready() function.</p> <p>Please see my included files head code below:</p> <pre><code>&lt;link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar/fullcalendar.css'&gt; &lt;link rel='stylesheet' type='text/css' href='../fullcalendar/demos/cupertino/thememobile.css'&gt; &lt;link rel='stylesheet' type='text/css' href='../fullcalendar/fullcalendar/fullcalendar.print.css' media='print'&gt; &lt;link rel="stylesheet" href="jquery.mobile-1.0.1.min.css" /&gt; &lt;script src="jquery-1.6.4.min.js"&gt;&lt;/script&gt; &lt;script src="jquery.mobile-1.0.1.min.js"&gt;&lt;/script&gt; &lt;script type='text/javascript' src='../fullcalendar/jquery/jquery-ui-1.8.17.custom.min.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='../fullcalendar/jquery/jquery-1.7.1.min.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='../fullcalendar/fullcalendar/fullcalendar.min.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='../fullcalendar/fullcalendar/jquery.qtip-1.0.0-rc3.min.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='../fullcalendar/fullcalendar/calendareventsmobile.js'&gt;&lt;/script&gt; </code></pre> <p>Any answer or brainstorming of answers will be very helpful.</p> <p>Thanks in advance!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload