あるjQuery関数から別のjQuery関数に値を引き出す

Question

jQueryのcolorpickerプラグインから選択された16進値を取得し、jQueryクッキープラグインを使用してクッキーとして保存しようとしています。

2つを結びつける適切な方法がわかりません（jsとjQueryの新機能）。 「

が

var bgColor = $.cookie('bgColor'); 

if (bgColor == 'picker') { 
$('#colorSelector div, .preview-image, .cover ').css('backgroundColor', '#' + hex); 
}; 

私は設定と標準のCSSの背景色としてクッキーの値を保存することができますが、することができます

は、ここに私のカラーピッカー機能です：

$('#colorSelector').ColorPicker({ 
color: '#ffffff', 
onShow: function (colpkr) { 
    $(colpkr).fadeIn(500); 
    return false; 
}, 
onHide: function (colpkr) { 
    $(colpkr).fadeOut(500); 
    return false; 
}, 
onChange: function (hsb, hex, rgb) { 
    $('#colorSelector div, .preview-image, .cover ').css('backgroundColor', '#' + hex); 
    $('body').css('backgroundColor', '#' + hex); 
     $.cookie('bgColor', 'picker'); 
    return false; 
} 
}); 

そして、ここにあるように私クッキー機能です"backgroundColor"、 "＃ '+ hex"値をクッキー機能に引き込む方法を理解してください。 onChange機能で

Answer 1

：

$.cookie('bgColor', '#' + hex); 

とクッキー機能で

var bgColor = $.cookie('bgColor');  
if (typeof bgColor == 'string' && bgColor.charAt(0)=='#') { 
    $('#colorSelector div, .preview-image, .cover ').css('backgroundColor', bgColor); 
}; 

Answer 2

変更ニーズのための身体セレクタ。

(function($){ 



    var initLayout = function() { 
     var hash = window.location.hash.replace('#', ''); 
     var currentTab = $('ul.navigationTabs a') 
          .bind('click', showTab) 
          .filter('a[rel=' + hash + ']'); 
     if (currentTab.size() == 0) { 
      currentTab = $('ul.navigationTabs a:first'); 
     } 
     showTab.apply(currentTab.get(0)); 
     $('#colorpickerHolder').ColorPicker({flat: true}); 
     $('#colorpickerHolder2').ColorPicker({ 
      flat: true, 
      color: '#00ff00', 
      onSubmit: function(hsb, hex, rgb) { 
       $('#colorSelector2 div').css('backgroundColor', '#' + hex); 
      } 
     }); 
     $('#colorpickerHolder2>div').css('position', 'absolute'); 
     var widt = false; 
     $('#colorSelector2').bind('click', function() { 
      $('#colorpickerHolder2').stop().animate({height: widt ? 0 : 173}, 500); 
      widt = !widt; 
     }); 
     $('#colorpickerField1, #colorpickerField2, #colorpickerField3').ColorPicker({ 
      onSubmit: function(hsb, hex, rgb, el) { 
       $(el).val(hex); 
       $(el).ColorPickerHide(); 
      }, 
      onBeforeShow: function() { 
       $(this).ColorPickerSetColor(this.value); 
      } 
     }) 
     .bind('keyup', function(){ 
      $(this).ColorPickerSetColor(this.value); 
     }); 

      var bgColor = $.cookie('bgColor');  
      if (typeof bgColor == 'string' && bgColor.charAt(0)=='#') { 
      $('body').css('backgroundColor', bgColor); 
      }; 


     $('#colorSelector').ColorPicker({ 
      color: '#0000ff', 
      onShow: function (colpkr) { 
       $(colpkr).fadeIn(500); 
       return false; 
      }, 
      onHide: function (colpkr) { 
       $(colpkr).fadeOut(500); 
       return false; 
      }, 
      onChange: function (hsb, hex, rgb) { 
      $('body').css('backgroundColor', '#' + hex); 
      $.cookie('bgColor', '#' + hex); 
      } 


     }); 
    }; 

    var showTab = function(e) { 
     var tabIndex = $('ul.navigationTabs a') 
          .removeClass('active') 
          .index(this); 
     $(this) 
      .addClass('active') 
      .blur(); 
     $('div.tab') 
      .hide() 
       .eq(tabIndex) 
       .show(); 
    }; 

    EYE.register(initLayout, 'init'); 
})(jQuery)