Нажмите содержание fliter.js (JQuery фильтрации скрипт)

Question

Я пытаюсь подтолкнуть новые данные в JQuery функция называется filter.js (https://github.com/jiren/filter.js)

Проблема заключается в том, что я не могу понять, как массив для addData должно выглядеть так.

Вот демо для сценария: http://jiren.github.io/filter.js/stream.html

Вот JSON это выборка от начала: /examples/data/top_movies_data.json

Единственная документация об этой функции говорит:

Add more data to existing filter

If you are streaming json data using ajax then you can add data like this

fJS.addData(data)

Here fJS is Filter.js object and data is json records.

Я пытаюсь создать новую коробку с этим кодом, это эхо «добавить», но не добавляется окно, и оно не печатает «добавлено»

<button id="add">ADD</button> 
<script> 
$("#add").click(function() { 
    alert("add"); 
    var myNewBox = '[{"name":"Woho","outline":"Two imprisoned men bond over a number of years, finding solace and eventual redemption through acts of common decency.","rating":"9.3","director":"Frank Darabont","year":"1994","stars":["Tim Robbins","Morgan Freeman","Bob Gunton"],"runtime":"142","genre":["Crime","Drama"],"certificate":"R"}]'; 
    fJS.addData(myNewBox); 
    alert("added"); 
}); 
</script> 

Консоль дает мне эту ошибку: ReferenceError: FJS не определен

Я был бы рад, если кто-то может помочь мне, как я должен изменить свою функцию, чтобы иметь возможность добавлять данные.

Большое спасибо заранее!

Answer 1

Возможный конфликт: Когда usinf 3-плагинов сторонних как-то $ не на своем родном штате JQuery. Таким образом, чтобы убедиться, что я использую его, как в своей родной JQuery, он должен быть передан в функцию, как так ...

jQuery(function ($) {...}); 

Делая что вы рассказываете JQuery для создания экземпляра и переназначить в пределах этой функции.

Тогда следующий шаг должен был бы поместить ваш код внутри ...

jQuery(function ($) { 
    $("#add").click(function() { 
     alert("add"); 
     var myNewBox = '[{"name......]'; 
     fJS.addData(myNewBox); 
     alert("added"); 
    }); 
}); 

Кроме того, я хотел бы предложить вам переключиться где вы myNewBox поставил addData и где вы addData поставил myNewBox, это имеет смысл, потому что вы хотите, чтобы вы нажали TO addData, так ...

var addData= '[{"name......]'; 
    fJS.addData(myNewBox);