雖然在英文中搜索類型，但在梵文Unicode中填充結果？

Question

我正在設計一個本地商業列表移動Web應用程序與Framework7。 我正在用MySQL填充Listview以Devanagari Unicode格式獲取JSon數據。

現在，如果任何用戶需要搜索此列表視圖，我想要實現的是如何讓用戶通過輸入英文進行搜索，但導致listview應該填充在梵文Unicode中。我如何用JQuery來做到這一點？我沒有得到邏輯。請建議。

例如如果用戶搜索「Mill」 - > listview結果應該是'मिल'。

Answer 1

在jQuery Mobile中，可過濾的小部件可以在lisitems上使用數據屬性（data-filtertext）。然後它根據數據屬性的文本而不是listitem內部文本進行過濾。因此，對於你的情況，包括在數據filtertext屬性的英文文本：

<form class="ui-filterable"> 
    <input id="filterBasic-input" data-type="search" /> 
</form> 
<ul data-role="listview" data-inset="true" data-filter="true" data-input="#filterBasic-input"> 
    <li data-filtertext="mill">मिल</li> 
    <li data-filtertext="factory">कारखाना</li> 
    <li data-filtertext="train">ट्रेन</li> 
    <li data-filtertext="ship">जहाज</li> 
</ul> 

工作DEMO