jquery - jQuery 显示/隐藏在 CS 购物车环境中不起作用

Question

我有以下代码用于显示/隐藏不同的部门，具体取决于用户从下拉框中所做的选择 - http://jsfiddle.net/6EDkR/

它作为一个独立的代码可以正常工作，但是一旦它被放入我的 CS-Cart 环境中，它就适用于第一个选择，但是如果您更改选择，它就不会更新。

CS Cart 中显然存在冲突，但不确定从哪里开始尝试找出问题所在，Chrome 没有突出任何明显的冲突或问题。

Answer 1

很简单...fn_change_options正在重写 SELECT 元素，您应该重新绑定更改处理程序以更改图像...

我没有时间分析您的所有代码，但是如果您将 .bind('change') 更改为 .live('change') 它将起作用（但您应该检查替换 select 元素的代码。 .)

所以，这段代码：

$("select#option_29821_746").change(function() {
  $("div.imgDiv").hide();
  var targetId =  $(this).val();
  $("#" + targetId).show();
});

应该变成这样：

$("select#option_29821_746").live('change',function() {
  $("div.imgDiv").hide();
  var targetId =  $(this).val();
  $("#" + targetId).show();
});