是否可以用Jquery UI自动完成选择事件或自定义事件来启动打开Bootstrap模式？

Question

我的自动完成字段有PHPMySQL AJAX源。它的工作原理很好，根据 jquery autocomplete远程文档

远程源码文档允许一个数据数组，所以我可以为下拉结果传递标签变量，我在数组中有ID。(这里是一个类似的设置的例子)

所以感觉服务器端数据很好，我想从选项列表中打开一个modal的选择。选择事件需要传递一个ID来加载modal中的数据。这样可以吗？

我的模态是用一个类选择器的点击函数打开的。它引用了一个data-id。

<a name="views" class="leadview"  data-task-id="179">Task 179 - user 1458</a>

所以我假设触发模态必须发生在Select或Focus事件中？

$( " Some Selector? " ).on( "autocompleteselect", function( event, ui ) {} );

我真的被卡住了，如何用ID连接自动完成和模态，这是我第一次使用自动完成，所以非常感谢任何帮助。

Answer 1

我假设你想显示一个bootstrap模式，当用户选择一个选项列出的autocomplet ...如果是这样，然后使用。

$( ".selector" ).autocomplete({
  select: function( event, ui ) {
         var taskid = $(this).data("task-id");
          $('#myModal').modal('show');   
          $('#myModal .header').html(taskid);
 }
});