javascript - 在Javascript中使用Wordpress Customizer

我为Wordpress Customizer制作了一个自定义控件，我想在脚本(Instafeed.js)中设置控件，以更改limit编号。

继this answer之后，这是我到目前为止的做法

<script type="text/javascript">
          var userFeed = new Instafeed({
            get: '',
            tagName: '',
            clientId: '',
            limit: var imglimit = <?php echo json_encode($imglimit); ?>;,
            });
            userFeed.run();
</script>

职能

$wp_customize->add_setting(
        'imglimit',
        array(
            'default'      => '',
            'section'      => 'section',
));
$wp_customize->add_control('imglimit', array(
      'label'      => __('test'),
      'section'    => 'section',
      'settings'   => 'imglimit',
      'type'       => 'select',
      'choices'    => array(
        '5'   => '5',
        '10'  => '10',
        '20'  => '20',
      ),
));

function theme_customizer()
{
    $imglimit = get_theme_mod('imglimit');
}

谁能告诉我错误在哪里？我已经搜索了一段时间。

最佳答案

好吧，您在这里遇到语法错误:)

      var userFeed = new Instafeed({
        get: '',
        tagName: '',
        clientId: '',
        limit: var imglimit = <?php echo json_encode($imglimit); ?>;,
//             ^^^^^^^^^^^^ here                      and here     ^
        });

因此，您应该将该代码块更改为

      var userFeed = new Instafeed({
        get: '',
        tagName: '',
        clientId: '',
        limit: <?php echo json_encode($imglimit); ?>,
      });

实际上，您不必在这里进行json编码，因为它只是一个数字。但是，如果那是某个数组或对象，是的，您应该已经对其进行了编码。

在您的php代码中，您应该将$imglimit设置为全局:

function theme_customizer()
{
    global $imglimit;
    $imglimit = get_theme_mod('imglimit');
}

或只是将其放入js:

      var userFeed = new Instafeed({
        get: '',
        tagName: '',
        clientId: '',
        limit: <?php echo json_encode(get_theme_mod('imglimit')); ?>,
      });

关于javascript - 在Javascript中使用Wordpress Customizer，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34471652/