jQuery 显示/隐藏在 CS Cart 环境中不起作用

Question

我有以下代码，用于根据用户从下拉框中所做的选择来显示/隐藏不同的分区 - http://jsfiddle.net/6EDkR/

它作为独立的代码片段工作得很好，但一旦将其放入我的 CS-Cart 环境中，它就可以用于第一个选择，但如果您更改选择，则不会更新。

CS Cart 内部显然存在一些冲突，但不确定从哪里开始尝试找出问题所在，Chrome 并未突出显示任何明显的冲突或问题。

Answer 1

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

我没有时间分析你的所有代码，但是如果你将 .bind('change') 更改为 .live('change') ，它会起作用(但你应该检查你的代码，在其中替换选择元素..)

所以，这段代码:

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