5

autocompleteASP MVC 3 Web ページでjQuery 機能を使用しようとしています。残念ながら、このエラーが発生し続けます。私が使用しているバージョン 1.9.2 を見てきましたが、オートコンプリート メソッドがあります。ただし、私は jQuery にまったく慣れていないため、ヘッダーに宣言が多すぎたり、ライブラリが競合していたり​​、欠落していたり​​するかどうかはわかりません。

以下はビューからのコードです

<link href="../../Content/jquery-ui-1.9.2.custom.css" rel="stylesheet">

<script src="http://code.jquery.com/jquery-1.8.3.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.tablesorter.min.js")" type="text/javascript"></script>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
<script type="text/javascript">

    $(document).ready( function() {
      $('#BankName').autocomplete('@Url.Action("GetBanks", "AgentTransmission")', {
          dataType: 'json',
          parse: function(data) {
              var rows = new Array();
              for(var i=0; i<data.length; i++){
                  rows[i] = { data:data[i], value:data[i].SignalName, result:data[i].SignalName };
              }
              return rows;
          },
          formatItem: function(row, i, n) {
              return row.SignalName + ' - ' + row.Description;
          },
          width: 300,
          mustMatch: true,
      });
    });

完全な html はここにあります: http://jsfiddle.net/qpvBv/

4

4 に答える 4

0

私は icktoofay の回答をマークアップしましたが、たとえば、競合するリンクの後にリンクを配置する必要があることを追加したいと思います。

  <script src="~/fullcalendar/fullcalendar.min.js"></script>
<script src="~/Scripts/jquery-ui.js"></script>

これら 2 つのリンクの順序をあえて逆にすると、オートコンプリート メソッドは表示されません。したがって、icktoofay はそれを一番上に置くべきだと言っていますが、私はそれらを一番下に置くべきだと考えています。ただ言って....

于 2014-01-14T18:43:00.367 に答える
0

私はこれと同じ問題を抱えていました.icktoofayが言ったように、jQueryが複数回含まれていることがわかりました.

しかし、それがどこに含まれているのかを見つけるのに苦労しました。ただし、ファイルをインポートするのではなくローカルに含める場合は、alert('JQUERY INCLUDED'); を追加するだけで、場所を簡単に見つけることができます。ドキュメントの上部にあります。

次に、ページが読み込まれると、ライブラリをインポートするたびにフリーズし、そのことを示すウィンドウがポップアップします。私にとっては、そうでなければデバッグするのは悪夢だったはずの ajax 呼び出し中だったことが判明しました。うまくいけば、これは他の誰かを助けるでしょう。

于 2013-09-17T16:33:40.090 に答える