Question

当我选择其中一个选项标签时，我试图在代码中进一步触发某些对象的CSS更改。我没有在这里包含它们，因为它们与jQuery的手头问题无关。我此刻不知所措。这是我到目前为止......甚至可能吗？

<script>
$(document).ready(function(){
    $("#feed-filter option:selected").change(function () {
        $("#CA, #GA, #GD").animate({height: '0px'});
    })
})
</script>

<div class="feed-filter">
    <select id="feed-filter" name="feed-filter">
        <option id="option-ALL" value="ALL" selected>ALL</option>
        <option id="option-CA" value="A">A</option>
        <option id="option-DAD" value="B">B</option>
        <option id="option-GA" value="C">C</option>
        <option id="option-GD" value="D">D</option>
    </select>
</div>

Answer 1

首先，你没有触发CSS动画，这是一个jQuery动画。其次，HTML中不存在你动画的ID，第三，你的选择器/监听器无效，你需要听$('select').change();

如果您需要访问所选选项的值，您可以通过执行此类操作

来执行此操作

$('select').change(function() {
    var val = $(this).val();
});

选择<option>时为CSS设置动画

1 个答案: