Конфликты между функцией щелчка

Question

У меня есть некоторые проблемы с конфликтующим кодом, я проверил мою консоль на наличие каких-либо ошибок, но до сих пор ничего нет, в основном есть несколько вариантов с уведомлениями через jGrowl.

Im с помощью JQuery 1.9.1

Это первая часть

   $("#amconf-images-139.amconf-images-container").click(function() { 
     if ($('#amconf-image-84.amconf-image.amconf-image-selected').length){ 
      var a = $('input[name="qty2"]').val().replace("$", ""); 
      var b = $('#product-price-1202_clone span.price').html().replace("$", ""); 
      $.jGrowl("1 inch Debossed Selected<br />Estimated Cost: $" + (a*b).toFixed(2)); 
     } else if ($('#amconf-image-86.amconf-image.amconf-image-selected').length){  
      $.jGrowl("1 inch Ink-Injected Selected<br />Estimated Cost: $" + (a*b).toFixed(2)); 
      } else if ($('#amconf-image-87.amconf-image.amconf-image-selected').length){  
      $.jGrowl("1 inch Printed Selected<br />Estimated Cost: $" + (a*b).toFixed(2)); 
     } 
}); 

Код выше работ, но затем он убивает вторую часть

 $("#amconf-images-140").click(function() { 
     if ($('#amconf-image-114.amconf-image.amconf-image-selected').length){ 
      $.jGrowl("Black Color Selected"); 
     } else if ($('#amconf-image-115.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Brown Color Selected"); 
     } else if ($('#amconf-image-116.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Green Color Selected"); 
     } else if ($('#amconf-image-117.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Grey Color Selected"); 
     } else if ($('#amconf-image-118.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Hot Pink Color Selected"); 
     } else if ($('#amconf-image-119.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Hunter Green Color Selected"); 
     } else if ($('#amconf-image-120.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Lavender Color Selected"); 
     } else if ($('#amconf-image-121.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Light Blue Color Selected"); 
     } else if ($('#amconf-image-122.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Light Pink Color Selected"); 
     } else if ($('#amconf-image-123.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Lime Green Color Selected"); 
     } else if ($('#amconf-image-124.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Maroon Color Selected"); 
     } else if ($('#amconf-image-125.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Metallic Gold Color Selected"); 
     } else if ($('#amconf-image-126.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Metallic Silver Color Selected"); 
     } else if ($('#amconf-image-127.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Olive Green Color Selected"); 
     } else if ($('#amconf-image-128.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Orange Color Selected"); 
     } else if ($('#amconf-image-129.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Pearl Blue Color Selected"); 
     } else if ($('#amconf-image-130.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Purple Color Selected"); 
     } else if ($('#amconf-image-131.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Red Color Selected"); 
     } else if ($('#amconf-image-132.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Reflex Blue Color Selected"); 
     } else if ($('#amconf-image-133.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Teal Color Selected"); 
     } else if ($('#amconf-image-134.amconf-image.amconf-image-selected').length){  
      $.jGrowl("White Color Selected"); 
     } else if ($('#amconf-image-135.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Yellow Color Selected"); 
     } else if ($('#amconf-image-136.amconf-image.amconf-image-selected').length){  
      $.jGrowl("Yellow Gold Color Selected"); 
     } 
    }); 

Вторая часть JQuery Безразлично» t хотите показать уведомление, могли ли быть, что divs слишком похожи? Они полностью разделены с их уникальным номером.

Любые идеи?

Answer 1

Это может заставить вас начать:

var amimages140 = { 
    "114": "Black Color Selected", 
     "115": "Brown Color Selected", 
     "116": "Green Color Selected", 
     "117": "Grey Color Selected", 
     "118": "Hot Pink Color Selected", 
     "119": "Hunter Green Color Selected", 
     "120": "Lavender Color Selected", 
     "121": "Light Blue Color Selected", 
     "122": "Light Pink Color Selected", 
     "123": "Lime Green Color Selected", 
     "124": "Maroon Color Selected", 
     "125": "Metallic Gold Color Selected", 
     "126": "Metallic Silver Color Selected", 
     "127": "Olive Green Color Selected", 
     "128": "Orange Color Selected", 
     "129": "Pearl Blue Color Selected", 
     "130": "Purple Color Selected", 
     "131": "Red Color Selected", 
     "132": "Reflex Blue Color Selected", 
     "133": "Teal Color Selected", 
     "134": "White Color Selected", 
     "135": "Yellow Color Selected", 
     "136": "Yellow Gold Color Selected" 
}; 

Fix вопрос Область применения:

$("#amconf-images-139.amconf-images-container").click(function() { 
    var a = ''; 
    var b = ''; 
    if ($('#amconf-image-84.amconf-image.amconf-image-selected').length) { 
     a = $('input[name="qty2"]').val().replace("$", ""); 
     b = $('#product-price-1202_clone span.price').html().replace("$", ""); 
     $.jGrowl("1 inch Debossed Selected<br />Estimated Cost: $" + (a * b).toFixed(2)); 
    } else if ($('#amconf-image-86.amconf-image.amconf-image-selected').length) { 
     $.jGrowl("1 inch Ink-Injected Selected<br />Estimated Cost: $" + (a * b).toFixed(2)); 
    } else if ($('#amconf-image-87.amconf-image.amconf-image-selected').length) { 
     $.jGrowl("1 inch Printed Selected<br />Estimated Cost: $" + (a * b).toFixed(2)); 
    } 
}); 

Simpler метод:

$("#amconf-images-140").click(function() { 
    var im = ''; 
    for (im in amimages140) { 
     if ($('#amconf-image-' + im + '.amconf-image.amconf-image-selected').length) { 
      $.jGrowl(amimages140[im]); 
     } 
    } 
});