Question

我在jQuery移动应用上遇到了这个奇怪的问题。

我有一个启用AJAX的菜单，每页都有一个小圆圈图。

当我点击某个页面的菜单时，它会显示2个图表，当我点击不同的链接时，该图表会再次显示该图表。

但是当我刷新页面时，它恢复正常。

我正在使用基本的圆形图表插件。

以下是我的JS代码：

 $('.demo').percentcircle({

                animate: true,
                diameter: 100,
                guage: 2,
                coverBg: '#f4f8f9',
                bgColor: 'rgb(239, 239, 239)',
                fillColor: 'rgb(92, 187, 2900)',
                percentSize: '19px',
                percentWeight: 'normal'

            });

您可以在此处看到演示http://vidznet.com/debug/tabs.html您可以使用该菜单导航到其他页面。

知道为什么会这样吗？

Answer 1

似乎每次激活$（'。demo'）。percentcircle（）时，它都会呈现一个新的div。在链接更改时再次调用该函数，因此它会不断添加更多图表。

尝试只运行一次$（'。demo'）。percentcircle（），例如在使用$('.demo).addClass('init')

初始化时添加一个类

if (!$('.demo').hasClass('init')) {
  $('.demo').percentcircle({...})
  $('.demo).addClass('init')
}

通过jQuery Mobile菜单

1 个答案: