如何在framework7中使用jquery插件

插件是 代码如下所示，我在f7中使用它，但它说“uncaughttypeerror:$$（…）。seatCharts不是一个函数” 我已经把$换成了$。 $（文档）.ready（函数（）{

---

下载

jQuery

并将其添加到您的项目中。您需要在

framework7.js

之前编写它，因为它使用它。所以要小心 你会在这里找到更多。

---

在正文末尾添加所有JavaScript文件，并在JS脚本标记末尾添加jquery

---

您必须首先初始化$$

var$$=Dom7

var sc = $('#seat-map').seatCharts({
    map: [
        'aaaaaaaaaaaa',
        'aaaaaaaaaaaa',
        'bbbbbbbbbb__',
        'bbbbbbbbbb__',
        'bbbbbbbbbbbb',
        'cccccccccccc'
    ],
    seats: {
        a: {
            price   : 99.99,
            classes : 'front-seat' //your custom CSS class
        }

    },
    click: function () {
        if (this.status() == 'available') {
            //do some stuff, i.e. add to the cart
            return 'selected';
        } else if (this.status() == 'selected') {
            //seat has been vacated
            return 'available';
        } else if (this.status() == 'unavailable') {
            //seat has been already booked
            return 'unavailable';
        } else {
            return this.style();
        }
    }
});

//Make all available 'c' seats unavailable
sc.find('c.available').status('unavailable');

/*
Get seats with ids 2_6, 1_7 (more on ids later on),
put them in a jQuery set and change some css
*/
sc.get(['2_6', '1_7']).node().css({
    color: '#ffcfcf'
});

console.log('Seat 1_2 costs ' + sc.get('1_2').data().price + ' and is currently ' + sc.status('1_2'));

});