Question

我一直在尝试使用Mambo jquery插件参考：http://www.valeriobarrila.com/mambo.html

我想我跟着教程很好，但是我无法看到画布，请帮忙。如果我不清楚，请告诉我，谢谢。

PS：jquery.mambo.min.js在我当地。

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="jquery.mambo.min.js"></script>
    <script>
    $(".demo-label").mambo({
          percentage: 37,
          label: "Lbl",
          displayValue: false,
          circleColor: '#C9D94E',
          circleBorder: '#535920',
          ringColor: "#8E9937"
        });
    </script>

<body>
    <div>
        <canvas class="demo-label" width="180" height="180">
    </div>
</body>

Answer 1

在正文标记后添加脚本。

Answer 2

如果要在页头中调用脚本，则需要使用jQuery.ready（）回调等待dom完全加载，例如：

$(document).ready(function (){
    $(".demo-label").mambo({
      percentage: 37,
      label: "Lbl",
      displayValue: false,
      circleColor: '#C9D94E',
      circleBorder: '#535920',
      ringColor: "#8E9937"
    });
});

否则，您可以将脚本包含为正文的最后一个元素，例如：

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="jquery.mambo.min.js"></script>
</head>
<body>
    <div>
        <canvas class="demo-label" width="180" height="180">
    </div>
    <script>
        $(".demo-label").mambo({
          percentage: 37,
          label: "Lbl",
          displayValue: false,
          circleColor: '#C9D94E',
          circleBorder: '#535920',
          ringColor: "#8E9937"
        });
    </script>
</body>

Mambo Jquery插件无法正常工作

2 个答案: