在iPhone上動態下拉

Question

我試圖在手機上（更具體地說是iPhone Safari）複製下面的小提琴（http://jsfiddle.net/3UWk2/1/），但它似乎沒有正確運行JavaScript，有什麼建議嗎？謝謝！！

這裏的JS：

<script> 
$(document).ready(function() { 
    $('#00Ni0000007XPVF').bind('change', function() { 
     var elements = $('div.container_drop').children().hide(); // hide all the elements 
     var value = $(this).val(); 

     if (value.length) { // if somethings' selected 
      elements.filter('.' + value).show(); // show the ones we want 
     } 
    }).trigger('change'); 
}); 
</script> 

Answer 1

你似乎使用緩存的值。 hide不會返回任何內容。因此，當您嘗試再次顯示它們時失敗。

var elements = $('div.container_drop').children().hide(); 

應該是

var elements = $('div.container_drop').children(); 
    elements.hide(); 

代碼

$(document).ready(function() { 
    $('#00Ni0000007XPVF').bind('change', function() { 
     // cache the value 
     var elements = $('div.container_drop').children(); 
      elements.hide(); // hide all the elements 
     var value = $(this).val(); 

     if (value.length) { // if somethings' selected 
      elements.filter('.' + value).show(); // show the ones we want 
     } 
    }).trigger('change'); 
});