javascript - 通过 data-url 参数将 URL 传递给 typeahead.js

Question

我的 Twitter Typeahead.js 运行良好，但我想通过数据参数传递“预取”或“远程”URL，使其更加模块化(干!)。

所以我的标记是:

<input class="typeahead" data-url="http://campaigndashboard.dev/ajax/con" />

我在 JQuery 中写道:

$('.typeahead').typeahead({
    name: $(this).data('name'),
    limit: 100,

    remote: { /* This works! */
         url: 'http://campaigndashboard.dev/ajax/con?q=%QUERY',
    },
    remote: {  /* This doesn't */
         url: $(this).data('url') + '?q=%QUERY',
    }
});

我以前使用过这种传递变量的方式，但我很困惑为什么这不起作用。如果它是“远程”，我还想附加 %QUERY，但如果它是“预取”，我还想附加 %QUERY -对此有什么想法吗？

注意:我并不想修改 URL 的 %QUERY 部分，因此我不考虑使用 Replace() 函数。

对 Jquery 非常陌生，所以请随时告诉我我做错的所有事情!

提前致谢

铝

Answer 1

更好的是:

$(".typeahead").each(function(){
      $(this).typeahead({
          name: $(this).name,
          remote: $(this).data('source')         
      });
 });