Question

我使用token_input作为自动完成功能。到目前为止，只有一个项目使用此autoComplete，所以我有这个脚本：

$(function() {
  $("#bcl_tag_ids").tokenInput("/admin/tags/filter", {
    crossDomain: false,
    prePopulate: $("#bcl_tag_ids").data("pre"),
    theme: "facebook"
  });
});

现在会有很多，所以我带来了这样的东西：

$(function() {
  $(".token_input").tokenInput("/admin/tags/filter", {
    crossDomain: false,
    prePopulate: $(".token_input").data("pre"),
    theme: "facebook"
  });
});

现在我没有找id，而是在寻找一个班级，但我不知道如何修复路径/admin/tags/filter，因此可以使用正确的路径动态加载，示例/admin/tags/filter，/admin/musics/filter，/admin/anythings/filter。

我可以从item#id获取该部分路径，但我不知道该怎么做。

Answer 1

首先，将路径作为自定义属性添加到元素中，如

<input class="token_input" data-path="/admin/tags/filter"/>

然后，您可以执行类似

的操作

$(function() {
  $(".token_input").each(function(){
   $(this).tokenInput($(this).attr('data-path'), {
    crossDomain: false,
    prePopulate: $(this).data("pre"),
    theme: "facebook"
  });
});

许多项目的Javascript / jquery

1 个答案: