Jquery UI組合框不工作

我正在使用jQuery UI的組合框，它不工作在這裏是我的代碼，它給出了以下錯誤，我在firefox控制檯中看到。Jquery UI組合框不工作

錯誤

類型錯誤：input.data（「自動完成」）是未定義 [打破該誤差]

input.data（「自動填充」）._ renderItem =函數（UL，項）{

的Javascript

(function ($) { 
    $.widget("ui.combobox", { 
     _create: function() { 
      var input, 
       self = this, 
       select = this.element.hide(), 
       selected = select.children(":selected"), 
       value = selected.val() ? selected.text() : "", 
       wrapper = this.wrapper = $("<span>") 
        .addClass("ui-combobox") 
        .insertAfter(select); 

      input = $("<input>") 
       .appendTo(wrapper) 
       .val(value) 
       .addClass("ui-state-default ui-combobox-input") 
       .autocomplete({ 
        delay: 0, 
        minLength: 0, 
        source: function (request, response) { 
         var matcher = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i"); 
         response(select.children("option").map(function() { 
          var text = $(this).text(); 
          if (this.value && (!request.term || matcher.test(text))) 
           return { 
            label: text.replace(
             new RegExp(
              "(?![^&;]+;)(?!<[^<>]*)(" + 
              $.ui.autocomplete.escapeRegex(request.term) + 
              ")(?![^<>]*>)(?![^&;]+;)", "gi" 
             ), "<strong>$1</strong>"), 
            value: text, 
            option: this 
           }; 
         })); 
        }, 
        select: function (event, ui) { 
         ui.item.option.selected = true; 
         self._trigger("selected", event, { 
          item: ui.item.option 
         }); 
        }, 
        change: function (event, ui) { 
         if (!ui.item) { 
          var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex($(this).val()) + "$", "i"), 
           valid = false; 
          select.children("option").each(function() { 
           if ($(this).text().match(matcher)) { 
            this.selected = valid = true; 
            return false; 
           } 
          }); 
          if (!valid) { 
           // remove invalid value, as it didn't match anything 
           $(this).val(""); 
           select.val(""); 
           input.data("autocomplete").term = ""; 
           return false; 
          } 
         } 
        } 
       }) 
       .addClass("ui-widget ui-widget-content ui-corner-left"); 

      input.data("autocomplete")._renderItem = function (ul, item) { 
       return $("<li></li>") 
        .data("item.autocomplete", item) 
        .append("<a>" + item.label + "</a>") 
        .appendTo(ul); 
      }; 

      $("<a>") 
       .attr("tabIndex", -1) 
       .attr("title", "Show All Items") 
       .appendTo(wrapper) 
       .button({ 
        icons: { 
         primary: "ui-icon-triangle-1-s" 
        }, 
        text: false 
       }) 
       .removeClass("ui-corner-all") 
       .addClass("ui-corner-right ui-combobox-toggle") 
       .click(function() { 
        // close if already visible 
        if (input.autocomplete("widget").is(":visible")) { 
         input.autocomplete("close"); 
         return; 
        } 

        // work around a bug (likely same cause as #5265) 
        $(this).blur(); 

        // pass empty string as value to search for, displaying all results 
        input.autocomplete("search", ""); 
        input.focus(); 
       }); 
     }, 

     destroy: function() { 
      this.wrapper.remove(); 
      this.element.show(); 
      $.Widget.prototype.destroy.call(this); 
     } 
    }); 
})(jQuery); 

$(function() { 

    $("#combobox").combobox(); 



});

的Html

<div class="ui-widget"> 

<select id="combobox"> 
     @foreach (var item in Model) 
     { 
      <option value="@item.Name">@item.Name</option> 
     } 
</select>

我不知道爲什麼，但它不工作。請幫我

來源

2012-09-27 smart boy

您的循環中必須有問題。你能否提供生成的源代碼部分？ – sdespont

自動完成與elr_notify.js衝突的，所以它的解決

來源

2012-11-15 10:44:50

檢查您是否已經在佈局頁，並在當前頁面調用同一jQuery的js文件，到共享文件夾，找到視圖和檢查相應的佈局頁面，這對我造成衝突

來源

2016-05-07 10:59:14

Jquery UI組合框不工作

回答

相關問題