jquery - seçime göre div değiştir - sadece fiddle üzerinde çalışıyorum

Question

Web sitemde polonyalı arkadaşıma yardım etmeye çalışıyorum - sanırım bir önceki geliştirici tarafından yapılan jQuery koduyla karışıklık var (bu tamamen farklı bir konu)). Bir tane daha işlevsellik eklememi istedi - seçime bağlı olarak div içeriğini değiştirdim. İşte kod:

$(document).ready(function(){ 
$("#pa-kategoria_cenowa").change(function(){ 
    $(this).find("option:selected").each(function(){ 
     if($(this).attr("value")=="5"){ 
      $(".box").not(".5").hide(); 
      $(".5").show(); 
     } 
     else if($(this).attr("value")=="10"){ 
      $(".box").not(".10").hide(); 
      $(".10").show(); 
     } 
     else if($(this).attr("value")=="15"){ 
      $(".box").not(".15").hide(); 
      $(".15").show(); 
     } 
     else{ 
      $(".box").hide(); 
     } 
    }); 
}).change(); 

});

ve jsfiddle kendisi: https://jsfiddle.net/bgksk5Le/

konu Garip bir hali - Bu kod jsfiddle üzerinde çalışır, ancak web sitesinde - değil. Bu URL: http://bookszop.com/www/produkt/hilary-mantel-bring-up-the-bodies/

Her şey, açılır menüden KATEGORIA CENOWA yazısı ile bağlantılıdır. Maalesef - jquery kodu (Gördüğünüz gibi, açıklamalar ile DIV görülebilir; aslında başında gizli olmalıdır) web sitesinin herhangi bir parçasını etkileme almadığının anlaşıldığını You have

Answer 1

:

$("#pa-kategoria_cenowa").change(function(){ 

Ama içinde Gerçek şu ki:

$("#pa_kategoria-cenowa").change(function(){ 

Alt çizgiler ve kısa çizgiler yalnızca buralarda değiştirilmektedir. Sayfada, kullandığınız tam kimliğe sahip hiçbir öğe yoktu.