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');
});

iPhone上的动态下拉菜单

1 个答案: