0

我有一个 android 应用程序，我在其中使用jqplot绘制图形。我也在使用JQuery Mobile。除了一个小问题外，一切都很完美。当我将图表放在具有data-role="content"的div标签内时，该标签用于确定 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 应用程序的 webview 控件中执行此操作。

4

1 回答 1

2

替换data-role="content"为data-role="none"它不会继承该特定 div 的 jquery 移动样式。这应该工作

于 2013-10-01T12:52:24.023 回答