本地和自定義之間切換使用jQuery取決於選擇移動

Question

我有一個jQuery Mobile的SELECT，哪些選項是動態變化的，我需要從本地更改選擇自定義選擇顯示的選項（數據本機菜單）選項的數量（並且不改變頁面）。

例如：如果我按下一個按鈕，我將select中的選項數量動態改變爲5，我想將選擇顯示爲本地，然後，如果我按另一個按鈕，我將選項更改爲2 ，所以我想將它顯示爲自定義。

任何想法？可能嗎？

Answer 1

有可能只有兩個選擇框？一個應用了樣式，一個沒有？然後根據您使用的集合的大小，只顯示正確的選擇框？

我試着創建一個動態應用/刪除jquery移動樣式到1選擇框的例子，我只是不確定它可能。

Answer 2

由於JQM自定義選擇確實涉及到非常持續的DOM修改（想想子頁面中包含與您的原始選擇鏈接的所有選項列表），我不知道您是否可以輕鬆地在兩種模式之間切換。

您可以隨時重新選擇修改的選項數目，像這樣經過：

//refresh value   
$('select').selectmenu('refresh'); 

//refresh and force rebuild 
$('select').selectmenu('refresh', true); 

從JQM docs服用。試着在這裏添加/刪除data-native-attribute，看看會發生什麼。

我通常像這樣在頁面加載設置選擇：

$('div:jqmData(role="page").basePage').on('pagebeforecreate', function() { 

    // Jquery Mobile Custom Select 
if (!$.support.touch) {  
    $(this).find('select').attr('data-native-menu',false); 
    } 
}); 

在觸摸設備上這樣，所有選擇將獲得數據母語菜單屬性，將「強化」天然選擇，而在桌面上，JQM接管並創建自定義選擇。

我認爲這是「最好看」的做事方式。只要確保在之前添加屬性JQM增強元素。