JQplot с JQuery Mobile

Question

У меня есть приложение для Android, в котором я рисую графики с jqplot. Я также использую JQuery Mobile. Все работает отлично, чем небольшая проблема. Когда я помещаю свою диаграмму в тег div, который имеет data-role = "content", который используется для определения содержимого с помощью jquery mobile.

Гистограмма событий onlick дает мне нежелательные тени бара, который даже не совпадает с теми же координатами, что и исходный бар. Я пробовал эту проблему много, но не мог найти ничего, что могло бы мне помочь.

Вот мой фрагмент кода:

<div data-role="content" class="ui-body" id="android"> 
    <table border='0' cellpadding='0' cellspacing='0' align='center' 
    valign='top'> 
    <tr height="10%"> 
     <td> 
     <div><span>Active Deals: </span><span id="info1">Nothing yet</span></div> 
     </td> 
    </tr>  
    <tr height="90%"> 
     <td style="width:80%;"> 
      <div id="chart1" style="width: 100%;"></div> 
     </td> 
     <td > 
      <div id="legend"></div> 
     </td> 
    </tr>  
</table> 
</div> 

Это, как я зарегистрировал onlick событие:

$('#chart1').bind('jqplotDataClick', 
    function (ev, seriesIndex, pointIndex, data) { 
     $('#info1').html('series: '+seriesIndex+' 
      , point: '+pointIndex+', data: '+data);}); 
}); 

Вот как тень выглядит по щелчку бара, обратите внимание на непересекающиеся свет затененных баров :

Просто, если это может помочь. Я делаю это в веб-браузере приложений для Android.

Answer 1

Замените data-role="content" на data-role="none", чтобы он не наследовал стиль jquery mobile для этого конкретного div. Это должно работать