Question

我有这个，所以当页面加载得到值，如果是真的显示一个工作的msg但当我使用更改时没有改变那么我然后使用实时更改功能，当你改变但现在默认检查加载时不？关于这个的任何想法？

$(document).ready(function() {
                var target = $('.product-options select').find(":selected").val();
                if(target == "2" || target == "4"){
                        $(".beans-msg").html("would you like beans?").show();
                } else {
                    $(".beans-msg").hide();
                }
                console.log(target);
                $('.product-options select').live('change',function(){
                    var changedVal = $(this).find(":selected").val();
                    if(changedVal == "2" || changedVal == "4"){
                        $(".beans-msg").html("would you like beans?").show();
                    } else {
                        $(".beans-msg").hide();
                    }
                    console.log(changedVal);
                });
            });

Answer 1

如果它是jQuery 1.5.2，则不支持on（），但尝试这样的事情：

$(document).ready(function () {
    $('.product-options select').live('change', function() {
        var beans = $.trim( this.value );
        if (beans == "2" || beans == "4") {
            $(this).closest('tr')
                   .find(".beans-msg")
                   .html("would you like beans?").show();
        } else {
            $(this).closest('tr')
                   .find(".beans-msg")
                   .hide();
        }
        console.log(beans);
    }).trigger('change');
});

如果更改功能有效，只需在pageload上触发它吗？

Answer 2

$(document).ready(function() {   
var x = $('.product-options').find(':selected').val();        
        if (x == "2" || x == "4")
            $('.beans-msg').html("would you like beans?").show();
        $('.product-options').live('change',function(){                
            var changedVal = $(this).find(':selected').val();                
                if(changedVal == "2" || changedVal == "4"){
                    $('.beans-msg').html("would you like beans?").show();
                } else {
                    $('.beans-msg').hide();
                }
            });
        });

小提琴here

jquery实时更改和默认加载，默认不起作用

2 个答案: