라디오에서 클릭 트리거링 작동하지 않는 쿠키

Question

this Stack Overflow q/a에있는 조언에 따라 쿠키를 통해 클릭을 트리거하려고합니다. 쿠키는 라디오 버튼 선택으로 설정됩니다. 전환되는 두 div 중 하나가 숨겨져 있어야합니다.

문제 : 초기 if 문이 클릭을 유발하지 않습니다.

if($.cookie('light-or-dark')) { 
    $($.cookie('light-or-dark') + '-radio').attr('checked', true).trigger('click'); 
    } else { 
    $('#theme-schemes-dark').hide(); 
    }; 

// the toggle on radio button change function 
$('[name=light-dark-radio]').change(function(){ 
    $('#theme-schemes-light').toggle('medium'); 
    $('#theme-schemes-dark').toggle('medium'); 

    // set cookie on toggle state 
    $.cookie('light-or-dark', '#theme-schemes-' + this.value, {expires:365, path: '/'}) 
    }) 

html로 :

<div class="selection-wrap"> 
    <label> 
    <input type="radio" name="light-dark-radio" id="theme-schemes-light-radio" value="light" checked> 
    Light 
    </label> 
    <label> 
    <input type="radio" name="light-dark-radio" id="theme-schemes-dark-radio" value="dark"> 
    Dark 
    </label> 
</div> 

<!-- first div --> 
<div class="selection-wrap" id="theme-schemes-light"> 
    <a class="theme-scheme-btn color-box bg-blue" id="defaultThemeScheme" href="#">Light 1</a> 
    <a class="theme-scheme-btn color-box bg-yellow" href="#">Light 2</a> 
</div> 

<!-- second div - hidden by default -->   
<div class="selection-wrap" id="theme-schemes-dark" style="display: none"> 
    <a class="theme-scheme-btn color-box dark-color-blue" href="#">Dark 1</a> 
    <a class="theme-scheme-btn color-box dark-color-yellow" href="#" >Dark 2</a> 
</div> 

A FIDDLE to better illustrate

는 많은 통찰력 따랐습니다.

Answer 1

사업부의

if($.cookie('light-or-dark')) { 

$($.cookie('light-or-dark') + '-radio').attr('checked', true); 
    $('#theme-schemes-light').hide(); 
    $('#theme-schemes-dark').hide(); 
    $($.cookie('light-or-dark')).show(); 
} else { 
$('#theme-schemes-dark').hide(); 
}; 

$('[name=light-dark-radio]').change(function(){ 
$('#theme-schemes-light').toggle('medium'); 
$('#theme-schemes-dark').toggle('medium'); 
// set cookie on toggle state 
$.cookie('light-or-dark', '#theme-schemes-' + this.value, {expires:365, path: '/'}); 
}) 

Answer 2

같은 문제가없는 것 같습니다. (http://jsfiddle.net/jaLQZ/3/)

$($.cookie('light-or-dark') + '-radio').click(function(){ 
    alert('click' + this.value); 
    }); 

    if($.cookie('light-or-dark')) { 
    $($.cookie('light-or-dark') + '-radio').attr('checked', true).trigger('click'); 
    } else { 
    $('#theme-schemes-dark').hide(); 
    }; 

    $('[name=light-dark-radio]').change(function(){ 
    $('#theme-schemes-light').toggle('medium'); 
    $('#theme-schemes-dark').toggle('medium'); 
    // set cookie on toggle state 
    $.cookie('light-or-dark', '#theme-schemes-' + this.value, {expires:365, path: '/'}); 
    }) 

어쩌면 당신은 쿠키 플러그인을 지원 나던 브라우저를 사용하고 있습니까?