2013-02-19 179 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