Как отключить «текст без результатов»?

-1

Я хочу отключить текст без результатов в jQuerys Chosen 1.1.0.Как отключить «текст без результатов»?

Я пробовал некоторые коды, но не с ожидаемыми результатами. Все, что я достиг, это то, что я отключил всю функцию поиска или что текст без результатов был «неопределенным».

Где ключ для отключения только этого текста без результатов, например «Нет совпадений результатов» и ничего больше?

Большое спасибо!

источник

2015-07-10 Stefan

, что нет-результаты-текст? – jackjop

Очень сложно понять, что не так. Покажите нам свой код и, возможно, снимок экрана о том, что не так. – rottenoats

Также это поможет, если добавить то, что вы пробовали до сих пор, выбранный plugin 1.1.0 можно найти здесь: https://github.com/harvesthq/chosen/releases, У последней версии есть опция '$ (". ({no_results_text: "Ой, ничего не найдено!"}); 'это недействительно в 1.1.0? не можете ли вы обновить до последней версии, если это не так? – Allende

Согласно документации релиз 1.1.0, вариант вы можете установить при первом вызове функции chosen Пример:

$(".my_select_box").chosen(
    disable_search_threshold: 10, 
    no_results_text: "Oops, nothing found!", 
    width: "95%" 
);

или

$(".chosen-select").chosen({no_results_text: "Oops, nothing found!"});

Образец используя &nbsp объект для отключения любого текста больше, чем тот, который был напечатан

<!Doctype html> 
 

 
<html class="no-js" lang="en"> 
 
<!--<![endif]--> 
 
    <head> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.min.css" rel="stylesheet"/> 
 
</head> 
 
<html> 
 
    <body> 
 
    
 
    <select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2"> 
 
      <option value=""></option> 
 
      <option value="United States">United States</option> 
 
      <option value="United Kingdom">United Kingdom</option> 
 
      <option value="Afghanistan">Afghanistan</option> 
 
      <option value="Aland Islands">Aland Islands</option> 
 
      <option value="Albania">Albania</option> 
 
      <option value="Algeria">Algeria</option> 
 
    </select>  
 
    </body> 
 
    <script> 
 
    $(".chosen-select").chosen({no_results_text: "&nbsp"}); 
 
    </script> 
 
</html>

Вы также можете добавить CSS в вашей голове тега после загрузки JQuery выбранного плагина и его CSS:

<style> 
     li.no-results { 
     visibility:hidden; 
     } 
</style>

Или изменить источник chosen.css и добавить visibility:hidden в no-results класс, который будет удалить любое сообщение/текст, если there'are никаких результатов в поиске

образец добавляя visibility:hidden к no-results класс, чтобы скрыть какой-либо текст

<!Doctype html> 
 

 
<html class="no-js" lang="en"> 
 
<!--<![endif]--> 
 
    <head> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.min.css" rel="stylesheet"/> 
 
    
 
    <style> 
 
     li.no-results{visibility:hidden;} 
 
    </style> 
 
</head> 
 
<html> 
 
    <body> 
 
    
 
    <select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2"> 
 
      <option value=""></option> 
 
      <option value="United States">United States</option> 
 
      <option value="United Kingdom">United Kingdom</option> 
 
      <option value="Afghanistan">Afghanistan</option> 
 
      <option value="Aland Islands">Aland Islands</option> 
 
     
 
    </select>  
 
    </body> 
 
    <script> 
 
    $(".chosen-select").chosen({no_results_text: "This message is hidden"}); 
 
    </script> 
 
</html>

источник

2015-07-10 14:20:18 Allende

Большое спасибо за ваш ответ! Изменения в css работают нормально! Простое решение, но вам нужно было внести свой вклад, чтобы получить его ;-) Я оценил ваш ответ как полезный, но моя репутация слишком низкая, так что не публично видеть ... – Stefan

Как отключить «текст без результатов»?

ответ

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