2013-02-19 128 views
0

我有这个,所以当页面加载得到的价值,如果为真,以显示一个味精工作,但当我用改变时,改变没有,所以我用活的改变功能,当工作你改变了,但现在加载默认检查不?有关于此的任何想法?jQuery的实时更改和默认加载,默认不工作

$(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); 
       }); 
      }); 
+0

现场()已过时? – adeneo 2013-02-19 00:12:12

+0

我知道,但这个软件使用v1.5.2 – 2013-02-19 00:17:21

回答

0

如果它的jQuery 1.5.2,在()是不支持的,但尝试是这样的:

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

如果更改功能的工作原理,只是触发它的页面加载?

+0

类型的作品,但它的一个购物车页面,所以将超过1,我刚刚测试3,但默认和更改附加到所有3而不是每个 – 2013-02-19 00:22:06

+0

您需要解释得更好。有三个选择,全部是动态的,全部都是这个类,当一个被更改时,所有这些选择都会发生,或者究竟是什么? – adeneo 2013-02-19 00:23:46

+0

是每个列出的项目都有相同的类包装在他们周围,原代码工作,所以它为每个人做,但你的似乎设置为所有的默认和改变改变他们。但是当一个人被改变时,他们都改变了,并将默认味精设置为全部以及 – 2013-02-19 00:26:20

0
$(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