帮助使用jquery替换射频盒与div

我想使用jquery.imagetick.min.js插件（http://ajaxdump.com/?DgyQHXJO）用不同颜色的div替换我的射频盒。帮助使用jquery替换射频盒与div

如何修改jquery以显示每个框显示正确的颜色？目前我可以让他们都显示一个单一的颜色，但我不确定如何让他们有点卡住！

<html> 
    <head> 
    <title></title> 

    <script type="text/javascript" src="js/jquery.js"></script> 
    <script type="text/javascript" src="js/jquery.imagetick.min.js"></script> 
    <script type="text/javascript"> 

    // Apply styling to radio boxes for color selector 

    $(function(){  
     $("input[name='color_select']").imageTick({ 
      custom_button: function($label){ 
       $label.hide(); 
       return '<div class="custom-radio yellow_box"></div>'; 
      } 
     }); 

    }); 

    </script> 

    </head> 

    <style> 

    #container { 
     margin: 50px; 
    } 

    .custom-radio { 
     margin-right: 3px; 
     padding: 20px; 
     display: inline; 
    } 
    .custom-radio.selected { 
     border: 5px solid black; 
    } 

    .purple_box { 
     background-color: #9873da; 
    } 

    .blue_box { 
     background-color: #77abcc; 
    } 

    .red_box { 
     background-color: #cf444c; 
    } 

    .yellow_box { 
     background-color: #fbc239; 
    } 

    .orange_box { 
     background-color: #ee8d13; 
    } 

    .green_box { 
     background-color: #66c516; 
    } 

    </style> 

    <body> 

    <div id="container"> 

    <input type="radio" id="yellow" name="color_select" value="yellow" class="custom-radio yellow_box" checked/> 
    <input type="radio" id="orange" name="color_select" value="orange" class="custom-radio orange_box" /> 
    <input type="radio" id="red" name="color_select" value="red" class="custom-radio red_box" /> 
    <input type="radio" id="green" name="color_select" value="green" class="custom-radio green_box" /> 
    <input type="radio" id="blue" name="color_select" value="blue" class="custom-radio blue_box" /> 
    <input type="radio" id="purple" name="color_select" value="purple" class="custom-radio purple_box" /> 

    </div> 

    </body> 
    </html>

来源

2011-01-14 Simon

取而代之的是

return '<div class="custom-radio yellow_box"></div>';

试试这个

return '<div class="' + $label.attr('class') + '"></div>';

来源

2011-01-14 03:01:40 jcolebrand

试过这个什么也不显示在所有...尝试：\t \t \t回归 '

'; 它显示divs，但仍然留下他们所有的第一个颜色 – Simon 2011-01-14 03:14:55

帮助使用jquery替换射频盒与div

回答

相关问题