Autocomplete не работает, и ни один выпадающий список не отображается

Question

Я использую сценарий, написанный ниже для автозаполнения. Он работает, когда я добавляю jquery-1.8.3.js на моей главной странице, но когда я удаляю его с главной страницы и добавляю ее на определенную страницу, она перестает работать. Я не знаю, почему это вызывает эту проблему.

<script type="text/javascript"> 
     function pageLoad(sender, args) { 
      $(function() { 
       $(".tb").autocomplete({ 
        source: function (request, response) { 
         $.ajax({ 
          url: "AutoInsuranceCompanyList.asmx/FetchCompanyList", 
          data: "{ 'cmp': '" + request.term + "' }", 
          dataType: "json", 
          type: "POST", 
          contentType: "application/json; charset=utf-8", 
          dataFilter: function (data) { return data; }, 
          success: function (data) { 
           response($.map(data.d, function (item) { 
            return { 
             value: item.INSCO 
            } 
           })) 
          }, 
          error: function (XMLHttpRequest, textStatus, errorThrown) { 
           alert(textStatus); 
          } 
         }); 
        }, 
        minLength: 1 
       }); 
      }); 
     } 
    </script> 

<asp:UpdatePanel ID="UpdatePanel3" UpdateMode="Conditional" Visible="true" RenderMode="Inline"runat="server"> 
    <ContentTemplate> 
        <ul class="formList"> 
         <li class="clear"> 
          <label> 
           Insurance Company:</label> 
          <asp:TextBox ID="txtInsuranceCompany" class="tb" runat="server"        MaxLength="40"></asp:TextBox> 
          <asp:RequiredFieldValidator ID="RequiredFieldValidator33" runat="server" ControlToValidate="txtInsuranceCompany" ErrorMessage="Please enter insurance company name" ForeColor="Red" SetFocusOnError="True"></asp:RequiredFieldValidator> 
         </li> 
        </ul> 
    </ContentTemplate> 
</asp:UpdatePanel> 

Во время выполнения в браузере он показывает

<input id="ContentPlaceHolder1_txtInsuranceCompany" class="tb ac_input" type="text" autocomplete="off" maxlength="40" name="ctl00$ContentPlaceHolder1$txtInsuranceCompany"> 

Пожалуйста, помогите

Answer 1

Попробуйте

<script type="text/javascript"> 


    jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     var availableTags = Array(); 
     jQuery.ajax({ 
      url: "AutoInsuranceCompanyList.asmx/FetchCompanyList", 
      data: "{ 'cmp': '" + request.term + "' }", 
      dataType: "json", 
      type: "POST", 
      contentType: "application/json; charset=utf-8", 
      dataFilter: function (data) { return data; }, 
      success: function (data) { 
       $.map(data.d, function (item) { 

        availableTags.push(item.INSCO); 

       }) 
      }, 
      error: function (XMLHttpRequest, textStatus, errorThrown) { 
       alert(textStatus); 
      } 
     }); 
     jQuery(".tb").autocomplete({ 
      source: availableTags 
     }); 
    }) 



</script> 

Answer 2

, когда я помещаю Jquery-1.8.3.js в моей главной странице и запустите его, он отлично работает и в браузере отображается

<input id="ContentPlaceHolder1_txtInsuranceCompany" class="tb ui-autocomplete-input" type="text" maxlength="40" name="ctl00$ContentPlaceHolder1$txtInsuranceCompany" autocomplete="off"> 

Я не понимаю, почему он не работает, когда я помещаю Jquery-1.8.3.js в ASPX файле, а в главной странице он работает правильно

Я положил JQuery в разделе содержимого страницы ASPX и это сработало. Спасибо за ваши усилия и ответим друзьям.