检索在单独文件中声明的selectize对象。

Question

在页面的某一点上 selectize 初始化。

     somewhere in file 1
     $(document).ready(function () {

        $tagSelectize = $('.assign-tags').selectize({
            plugins: ['remove_button'],
            valueField: 'original_name',
            labelField: 'name',
            ...all options not relative to the topic
        });
    });

我需要在代码的另一部分添加选项，我这样做。

file 2
<script type="text/javascript">

    $(document).ready(function () {

        var tso1 = $('.assign-tags').selectize;
        var tso = tso1[0].selectize;
        tso.addOption({value:100, text: 'BBBBB'});
        tso.refreshOptions();
        tso.addItem(100);

    });


</script>

但这完全重写了以前的实例，并被新的取代。我怎样才能检索到inited selectize 在文件1中

Answer 1

我认为，在文件2中，你应该改变

var tso1 = $('.assign-tags').selectize;
var tso = tso1[0].selectize;

与var tso = $('.assign-tags')[0].selectize;

因为你说的是

取长补短 阵列 $('.assign-tags').selectize 然后把它的 "选择" 财产

但我想你的意思是

抢先 $('.assign-tags') 元素 $('.assign-tags')[0])，并由此得到 "选择" 财产

所以文件2应该变成类似下面的代码。

<script type="text/javascript">
$(document).ready(function () {
    var tso1 = $('.assign-tags')[0];
    var tso = tso1.selectize;
    tso.addOption({value:100, text: 'BBBBB'});
    tso.refreshOptions();
    tso.addItem(100);
});