如何讓WordPress Live Customizer選擇通過Ajax自動更新？

Question

如果我想在我的WordPress主題定製器中使用不同選擇的選擇選項，我該如何做出選擇以在主題上進行實時更改。

所以，我有一個這樣在我functions.php文件的一部分：

$wp_customize->add_setting(
    'menu_type', 
    array(
     'transport' => 'postMessage', 
     'default' => 'choice1', 
    ) 
); 

$wp_customize->add_control(
    'menu_type', 
    array(
     'type' => 'select', 
     'label' => 'Select your menu type:', 
     'section' => 'header_section', 
     'choices' => array(
      'choice1' => 'Choice 1', 
      'choice2' => 'Choice 2', 
      'choice3' => 'Choice 3', 
      'choice4' => 'Choice 4', 
     ), 
    ) 
); 

而在我的AJAX文件我有一個這樣的部分：在AJAX文件

wp.customize('menu_type', function(value) { 
    value.bind(function(newval) { 
     $('.someclass').css('border', '1px solid #111');  
    }); 
}); 

代碼將css更改爲所有選項。那麼我需要在我的ajax文件中添加什麼，所以我可以改變「choice1」而不是？

Answer 1

好吧，繼承人的答案：

wp.customize('menu_type', function(value) { 
    value.bind(function(newval) { 
     if (newval == 'choice1') { 
      $('.someclass').css('border', '1px solid #111'); 
     } else if (newval == 'choice2') { 
      $('.someclass').css('border', '1px solid #222'); 
     } else if (newval == 'choice3') { 
      $('.someclass').css('border', '1px solid #333'); 
     } 
    }); 
});