将KendoUI添加到Framework7应用程序，Framework7 SparkLines

Question

我试图让JQuery迷你图在Framework7中工作，例如“$(”# Sparkline -.sparkline“).sparkline(”但是'.sparkline‘总是不受约束的，不管我在哪里添加了jquery.sparklines.min.js文件。所以这是在Kendo中工作的意思，当然两者在普通浏览器中都工作得很好。但是在" $$ (document).on('pageInit'，function (e) {})“里面它是看不见的，不是kendo或者jquery，我知道'var $$= Dom7;‘所以尝试了'$’。我只想添加一个迷你图到我的应用程序，可以看到一个只为Framework7。如何让KendoUI和Framework7同时退出？或者，有没有一个可以和Framework7一起工作的迷你图？

提前谢谢。道格。

Answer 1

我能够在Framework7项目中让jQuery迷你图工作。

如果您正在使用AJAX页面，请确保将<script src="jquery.sparkline.js"></script>放在F7项目的主页上。否则它就不会被加载。

var myApp = new Framework7({
    onPageInit: function(app, page){
        $('.inlinesparkline').sparkline(); 
    }
});

在页面内部：

<p>
    Inline Sparkline: <span class="inlinesparkline">1,4,4,7,5,9,10</span>.
</p>

这里有一个简单的例子：https://codepen.io/anon/pen/wqRKXm