jQuery UI Autocomplete 함수와 혼동했습니다.

Question

텍스트 상자에 jQuery UI 자동 완성 동작을 구현하려고합니다. 예를 따라 잘 작동합니다. 하지만 일부 구문은 나를 혼란스럽게 만들고 있습니다. 내가 속성 data-autocomplete-url을 가지고 텍스트 상자를 선언하고

<div> 
    @Html.LabelFor(a => a.name) 
    @Html.TextBoxFor(a => a.name, new { data_autocomplete_url = Url.Action("Autocomplete") }) 
</div> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     $('[data-autocomplete-url]') 
     .each(function() { 
      $(this).autocomplete({ 
       source: $(this).data("autocomplete-url") 
      }); 
     }); 
    }); 


</script> 

: 여기에 코드입니다. 그러나 jQuery UI 자동 완성 함수에서 data- 접두어없이 autocomplete-url 만 사용하고 있습니다. 어떻게 작동합니까?

Answer 1

해당 .data() 메서드는 이미 data-* 값을 호출하고 있음을 알고 있습니다. 속성을 호출 할 때 속성 이름 앞에 data- 앞에 와야합니다.