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

【问题标题】：jQuery show/hide not working in CS Cart environmentjQuery 显示/隐藏在 CS 购物车环境中不起作用
【发布时间】：2012-03-20 14:30:22
【问题描述】：

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

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

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

【问题讨论】：

因为您必须更改onChange="fn_change_options.. 中的事件一和$("select#option_29821_746").change( 中的其他事件可能会导致冲突
select 中的onChange= 是一个 CS Cart 功能，需要在那里，有没有办法让两者一起工作？

【解决方案1】：

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

我没有时间分析您的所有代码，但是如果您将 .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();
});

【讨论】：