Nano Hash - криптовалюты, майнинг, программирование

Автозаполнение пользовательского интерфейса Jquery — нежелательное срабатывание из-за специальных символов

У меня есть несколько автозаполнений в моем приложении. Некоторые из них заполняются из базы данных при загрузке. Если входное значение содержит специальные символы, такие как æøå, автозаполнение запускает поиск, даже если пользователь не был рядом с вводом html. Это относится только к Internet Explorer 11 (и, возможно, ниже). В FF и Chrome это работает так, как вы ожидаете.

Рассмотрим следующий ввод:

<input type='text' class'ac' value='chars æøå' />

Если применить автозаполнение к этому вводу, где один из возможных результатов поиска совпадает со значением по умолчанию («chars æøå»), поиск будет запущен при инициализации.

JSfiddle здесь (используйте IE, чтобы увидеть, как он срабатывает при загрузке): http://jsfiddle.net/BY9gU/

Я бы с удовольствием просто проигнорировал IE, но, к сожалению, некоторые из моих клиентов все еще используют его...

Любые идеи для обходного пути?

jquery autocomplete internet-explorer
22.03.2014

Ответы:


1

У меня была эта проблема некоторое время назад, и в итоге я сделал следующее в своем html:

<input type='text' class'ac' data-value='chars æøå' />

И в моей инициализации автозаполнения у меня есть:

   $("input").autocomplete({
        source: availableTags, 
        create: function(event, ui) {
            $(this).val(($(this).attr("data-value"))); 
        }
    });

Похоже, это происходит только в том случае, если атрибут value содержит специальные символы.

26.03.2014
  • Умная! С вашим решением также не нужно менять исходный код jquery ui :) 26.03.2014

    • 2

    Попробуйте добавить этот код в заголовок документа:

    <meta http-equiv='X-UA-Compatible' content='IE=Edge'>
    22.03.2014

    3

    У меня такая же проблема, но решения не нашел (пока).

    Согласно форуму ошибок jQueryUI, это проблема, связанная с IE, а не с jQuery. И у них нет ответа, и не факт, что они смогут что-то сделать по этому вопросу.

    http://bugs.jqueryui.com/ticket/9796#no1

    25.03.2014
  • На самом деле, я сделал небольшую правку в исходном коде jQuery, которая устранила проблему :) См. мой отдельный ответ. 25.03.2014

    • 4

    Как утверждает @cverb в своем ответе, это проблема IE, и ее нельзя винить в пользовательском интерфейсе jQuery. Тем не менее, я сделал обходной путь, который работает нормально, по крайней мере, в моем проекте:

    Найдите этот код в исходном коде пользовательского интерфейса jquery:

    search: function( value, event ) {
    value = value != null ? value : this._value();

    // always save the actual value, not the one passed as an argument
    this.term = this._value();

    if ( value.length < this.options.minLength ) {
        return this.close( event );
    }

    Измените его на это (добавьте блок if):

    search: function( value, event ) {
    value = value != null ? value : this._value();

    // The following if-block is inserted by me as a workaround.
    // Add all characters which may cause you trouble in the
    // regex pattern.
    if ( this._value().match(/[æøåÆØÅ]/) && this.term === undefined ) {
        return;
    }

    // always save the actual value, not the one passed as an argument
    this.term = this._value();

    if ( value.length < this.options.minLength ) {
        return this.close( event );
    }

    Вуаля! Оно работает. Я не могу гарантировать, что не сломал какой-то другой функционал, но я на 99,9% уверен, что не сломал :)

    25.03.2014
    Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..