0

以下代码有问题。它在 Chrome 浏览器中运行良好，但在 Firefox 或 IE 中运行良好。基本上我要做的是根据用户从单选按钮选项中选择的内容更改图像以显示圆角或方角。

这是我的代码：

// set corner style  
    $(".productOptionViewRadio").click(function(){    
       var span_html = $(event.target).next().html();       

       if (span_html == 'Rounded') {
          $('.ProductThumbImage').css('border-radius','15px');             
          $('.ProductThumbImage img').css('border-radius','15px');
       }
       if (span_html == 'Square') { 
          $('.ProductThumbImage').css('border-radius','0px');   
          $('.ProductThumbImage img').css('border-radius','0px');
       }
    });

我正在使用的 HTML 代码源：

<div class="productAttributeValue">
    <div class="productOptionViewRadio">
        <ul>
         <li>
             <label>
             <input type="radio" class="validation" name="attribute[238]" value="125" checked="checked"/>
             <span class="name">Rounded</span>
         </label>
         </li>
             <li>
                 <label>
             <input type="radio" class="validation" name="attribute[238]" value="126"/>
             <span class="name">Square</span>
        </label>
             </li>
    </ul>
    </div>  
</div>

提前感谢您的帮助。

4

1 回答 1

0

尝试将 jQuery 的前两行更改为：

$(".productOptionViewRadio input").click(function () {
    var span_html = $(this).next().html();

显示警告的正确跨度内容的现场演示：http: //jsfiddle.net/Czk2H/

于 2013-06-28T23:36:20.787 回答