Compatible with jQuery Mobile?

Sep 18, 2012 at 8:29 AM
Edited Sep 18, 2012 at 1:41 PM

Hi guys,

I am creating a mobile web application based on ASP.NET MVC4 and jQuery mobile 1.1.1.

The integration of DotNet.Highcharts with MVC is just great. Thanks for that!!!

I embedded a pie chart in a partial view and realized the following odd behaviour:

1. When I hit my page for the first time, the chart does not appear at all. There is just a gap in my page where I expect the chart to appear.

2. When I refresh the page in my browser, the chart shows up partially. "Partially" meaning I can see the axises and legends, but no pie.

3. When I resize the browser window, the pie is being painted and everything looks fine.

Since this happens in MobileSafari as well as in my Desktop Browsers (I tested with latest Firefox and IE), I was wondering if this is due to a problem with jQuery Mobile (or MVC partials).

In the rendered HTML page I can see DotNet.Highchart has added a <script> with $(document).ready(function() {...}. Maybe this is not being executed when I first hit the page?

Does anybody have an idea or solution for this?