如何禁用「無結果文本」？

-1

我想禁用jQuerys Chosen 1.1.0中的無結果文本。如何禁用「無結果文本」？

我試過了一些codechanges，但沒有達到預期的效果。我所達到的是，我禁用了整個搜索功能，或者說無結果文本是「未定義的」。

哪裏是禁用只有這樣的沒有結果的文本，如「沒有結果匹配」，沒有別的？

非常感謝！

來源

2015-07-10 Stefan

什麼是沒有結果的文本？ – jackjop

很難理解什麼是錯的。告訴我們你的代碼，也許是錯誤的截圖。 – rottenoats

此外，如果添加你迄今爲止所嘗試的內容，選擇的插件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

如何禁用「無結果文本」？

回答

相關問題