0

我想要做的是使用 jQuery 来获取所选图像的 ID/CLASS，每个图像都有自己独特的类（即 image-1、image-2 等），并让 jQuery 显示我告诉它的自定义值根据他们的选择在另一个 div 中显示。

到目前为止，我有：

    <div class="amconf-images-container" id="amconf-images-135">
<img id="amconf-image-66" src="media/amconf/images/66.jpg" class="amconf-image amconf-image-selected">
<img id="amconf-image-216" src="media/amconf/images/216.jpg" class="amconf-image">
<img id="amconf-image-218" src="media/amconf/images/218.jpg" class="amconf-image">
</div>

并尝试使用 jQuery：

    jQuery(function(){
var div = jQuery('.selectedimage')[0];
    jQuery("img#amconf-image-66.amconf-image amconf-image-selected").bind("change keyup", function(event){
    div.innerHTML = this.value = "Black";
}); });

多次获得每个可能的选择。除非有更有效的方法来做到这一点而不与 magento 的原型和自己的脚本冲突？

谢谢！

4

2 回答 2

0

改变：

img#amconf-image-66.amconf-image amconf-image-selected

至：

img#amconf-image-66.amconf-image.amconf-image-selected
于 2013-04-28T21:17:44.487 回答
0

将以下内容放在页脚的附加 HTML 部分中引用的脚本文件中，并在生成它们的任何代码中的每个 img 标记上设置 data-color：

jQuery(document).ready(function() {
    jQuery('#amconf-img-container img').each(function() {
      color = jQuery(this).data('color');
      jQuery(this).on('change keyup', function (event) {
        if(jQuery(this).hasClass('selected')) {
            div.innerHTML = event.data.color;
        }}, {color: color});
    });

如果我明白你的目的，无论如何...

于 2013-04-28T22:27:37.160 回答