jQuery UI AutoComplete и jQuery Mobile - заставляю меня с ума

Это только я, но с jQuery mobile я, кажется, делаю один шаг вперед и два шага назад?jQuery UI AutoComplete и jQuery Mobile - заставляю меня с ума

Все, что я пытаюсь сделать, это получить вариант автозаполнения. Я пытался использовать jQuery Mobile.AutoComplete и не могу заставить его работать, поэтому я пытаюсь использовать jQuery ui.autocomplete.

Использование Asp.net MVC, у меня есть общая страница.

Я отчаянно, чтобы получить эту работу, пожалуйста, помогите (не важен при использовании JQuery для работы мобильных устройств варианта автозаполнения лучше) ....

<head> 
    ... 
    <script src="~/Scripts/JQuery/jquery.1.9.1.min.js"></script> 
    <script src="~/Scripts/JQuery/UI/jqueryUI-1.10.2.min.js"></script> 

    <script src="~/Scripts/JQuery/Mobile/jquery.mobile-1.3.0.min.js"></script> 
    <script src="~/Scripts/DateValidation.js" type="text/javascript"></script> 
    <script src="~/Scripts/JQuery/UI-TimePicker/jquery.ui.timepicker.js"></script> 
    <script> 
    $.ajaxSetup ({ 
    // Disable caching of AJAX responses 
    cache: false 
    }); 
    </script> 
</head>

Тогда у меня есть меню (общий)

<div data-theme="b" data-role="header"> 
    <script type="text/javascript"> 

      $(function() { 
       $("#clientSearch").autocomplete({ 
        source: "@Url.Action("ClientSearch","Schedule")", 
       minLength: 3, 
       select: function (event, ui) { 

        $("#clientSearch").val(ui.item.ClientName); 
        $("#clientSearchId").val(ui.item.ClientId); 

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

    </script> 
    <h3>Schedule</h3> 
    <a href="index.html" data-icon="plus" class="ui-btn-right"data-iconpos="notext">Appointment</a> 
    <input type="hidden" id="clientSearchId"/> 
    <input name="clientSearch" id="clientSearch" placeholder="" value="" type="search"> 
     <div data-role="navbar" data-iconpos="top"> 
      <ul> 
       <li> 
        <a href="~/Home/Index" data-transition="slide" data-theme=""> 
         Home 
        </a> 
       </li> 
       <li> 
        <a href="/Schedule/MobileSchedule" data-transition="slide" data-theme=""> 
         Schedule 
        </a> 
       </li> 
      </ul> 
     </div> 
    </div>

Так страница будет выглядеть следующим образом

@{ 
    ViewBag.Title = "Home"; 
    Layout = "~/Views/Shared/_AppHomeLayout.cshtml"; 
} 

<div data-role="page" id="pageHome"> 
    <style> 
     .ui-listview-filter-inset { 
      margin-top: 0; 
     } 
    </style> 

    @RenderPage("~/Views/Shared/_MobileMenu.cshtml") 
    <div data-role="content"> 
     <div data-role="content"> ... </div> 
    </div> 
</div>

я получаю следующее сообщение об ошибке при загрузке т он страница:

Uncaught Error: NotFoundError: DOM Exception 8 jquery.1.9.1.min.js:11 (anonymous function) jquery.1.9.1.min.js:11 b.fn.extend.domManip jquery.1.9.1.min.js:11 b.fn.extend.replaceWith jquery.1.9.1.min.js:11 (anonymous function) jquery.mobile-1.3.0.min.js:2 b.extend.each jquery.1.9.1.min.js:4 b.fn.b.each jquery.1.9.1.min.js:4 (anonymous function) jquery.mobile-1.3.0.min.js:2 b.event.dispatch jquery.1.9.1.min.js:4 v.handle jquery.1.9.1.min.js:4 b.event.trigger jquery.1.9.1.min.js:4 (anonymous function) jquery.1.9.1.min.js:11 b.extend.each jquery.1.9.1.min.js:4 b.fn.b.each jquery.1.9.1.min.js:4 b.fn.extend.trigger jquery.1.9.1.min.js:11 a.Widget._trigger jquery.mobile-1.3.0.min.js:2 a.Widget._createWidget jquery.mobile-1.3.0.min.js:2 a.widget._createWidget jquery.mobile-1.3.0.min.js:2 (anonymous function) jquery.mobile-1.3.0.min.js:2 a.(anonymous function).(anonymous function) jquery.mobile-1.3.0.min.js:2 (anonymous function) jquery.mobile-1.3.0.min.js:2 b.extend.each jquery.1.9.1.min.js:4 b.fn.b.each jquery.1.9.1.min.js:4 a.fn.(anonymous function) jquery.mobile-1.3.0.min.js:2 C jquery.mobile-1.3.0.min.js:2 a.mobile.allowCrossDomainPages.h.isSameDomain.a.ajax.success jquery.mobile-1.3.0.min.js:2 c jquery.1.9.1.min.js:4 p.fireWith jquery.1.9.1.min.js:4 k jquery.1.9.1.min.js:19 r

Идеи? Похоже, что он пытается использовать автозаполнение jQuery mobile, если у кого-то есть образец soloution \ code для исправления, это очень помогло бы мне!

источник

2013-03-28 D-W

Изменения котировок внутри скобок на этой линии от двойного сингла, как это:

source: "@Url.Action('ClientSearch','Schedule')",

источник

2013-03-28 09:27:34 bodi0

Я попробовал, теперь получить HttpCompileException –

Попробуйте проверить, заменив @ Url.Action (...) с регулярным полным path URL – bodi0

Я не думаю, что это путь, но файлы jquery, я все равно не повезло –

jQuery UI AutoComplete и jQuery Mobile - заставляю меня с ума

ответ

Смежные вопросы