使时尚的单选按钮在负载上工作的问题

时间:2012-05-16 14:25:47

标签: jquery forms radio

我正在使用

http://blogs.digitss.com/javascript/jquery-javascript/jquery-fancy-custom-radio-and-checkbox/

我的时尚单选按钮,但我无法在页面加载时选择默认值。

当我从网站下载插件时,它在jquery 1.4中工作,但我使用的是jquery 1.7.1。我尝试将jquery 1.4替换为1.7 ..它们也没有工作......

如果有1人有解决方法..请告诉我

这是代码..

'var elmHeight1 = "16"; // should be specified based on image size

// Extend JQuery Functionality For Custom Radio Button Functionality jQuery.fn.extend({
dgRadioStyle: function()

{
// Initialize with initial load time control state
$.each($(this), function(){
    var elm =   $(this).children().get(0);
    elmType = $(elm).attr("type");
    alert (elmType);
    $(this).data('type',elmType);
    $(this).data('checked',$(elm).attr("checked"));
    $(this).dgRadioClear();
});
$(this).mousedown(function() { $(this).dgRadioEffect(); });
$(this).mouseup(function() { $(this).dgRadioHandle(); });   
 },
 dgRadioClear: function()
 {
if($(this).data("checked") == true)
{
    $(this).css("backgroundPosition","center -"+(elmHeight1*2)+"px");
    }
else
{
    $("this").hover(function () {
    $(this).css({backgroundPosition:"center -14px"});
     }, function () {
                $(this).css({backgroundPosition:"center -0px"});
    });
    }   
    },
     dgRadioEffect: function()
    {
if($(this).data("checked") == true)
$("this").hover(function () {
    $(this).css({backgroundPosition:"center -"+(elmHeight1*3)+"px"});
      }, function () {
                $(this).css({backgroundPosition:"center -"+(elmHeight1*3)+"px"});
    });
else
    $(this).css({backgroundPosition:"center -"+(elmHeight1)+"px"});
      },
     dgRadioHandle: function()
    {
var elm =   $(this).children().get(0);
if($(this).data("checked") == true)
    $(elm).dgRadioUncheck(this);
else
    $(elm).dgRadioCheck(this);

if($(this).data('type') == 'radio')
{
    $.each($("input[name='"+$(elm).attr("name")+"']"),function()
    {
        if(elm!=this)
            $(this).dgRadioUncheck(-1);
    });
}
      },
      dgRadioCheck: function(div)
     {
$(this).attr("checked",true);
$(div).data('checked',true).css({backgroundPosition:"center -"+(elmHeight1*2)+"px"});
     },
       dgRadioUncheck: function(div)
     {
$(this).attr("checked",false);
if(div != -1)
    $(div).data('checked',false).css({backgroundPosition:"center 0"});
else
    $(this).parent().data("checked",false).css({backgroundPosition:"center 0"});
       }
    });

由于

0 个答案:

没有答案