Question

我想在jQuerys Chosen 1.1.0中禁用无结果文本。

我尝试了一些代码更改，但没有预期的结果。我达到的只是我禁用了整个搜索功能，或者没有结果文本是＆＃34;未定义＆＃34;。

禁用此类无结果文本的关键在哪里＆＃34;没有结果匹配＆＃34;没有别的吗？

非常感谢！

Answer 1

根据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>

在加载jquery选择的插件及其'css：

之后，您还可以在头标记中添加此css

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

或修改selected.css的来源，并将visibility:hidden添加到no-results类，如果搜索中没有结果，则会删除任何消息/文本

示例将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>

如何禁用＆＃34; no-results-text＆＃34;？

1 个答案: