Question

我是WordPress自定义世界的新手，我正在处理一项任务，我应该将WordPress特定页面的内容分配给JS变量，我能够获取所需页面的内容。我还可以在chrome控制台选项卡中看到分配给变量的页面内容，但是我遇到了错误

未捕获的SyntaxError：意外的标记＆lt;

这是我写的代码，我不确定这是否是在WordPress中做事的正确方法，但它似乎确实给了我需要的结果，所以对这种方法的任何修正也是受欢迎的

<script>
    jQuery(document).ready(function ($) {
        var intern = '<?php
                    $internPageId = jobboard_option('intern_tab_page');
                    $the_query = new WP_Query('page_id='.$internPageId);
                    while ($the_query->have_posts()) :
                        $the_query->the_post();
                        the_content();
                    endwhile;
                    wp_reset_postdata()?>';
        var company = '<?php
                    $companyPageId = jobboard_option('company_tab_page');
                    $the_query = new WP_Query('page_id='.$companyPageId);
                    while ($the_query->have_posts()) :
                        $the_query->the_post();
                        the_content();
                    endwhile;
                    wp_reset_postdata()
                ?>';
        $('#intern-content').click(function () {
            console.log(intern);
            $('div.tabs-content').html(intern);
        });
        $('#company-content').click(function () {
            $('div.tabs-content').html(company);
            console.log(company);
        });
    });
</script>

正如您所看到的，代码似乎确实拉动了页面文本，但出现了错误。

我做错了什么？

Answer 1

检查出来

<?php
$internPageId = jobboard_option('intern_tab_page');
$post_me = get_post($internPageId); 
$excerpt = $post_me->post_content;

$companyPageId = jobboard_option('company_tab_page');
$post_me2 = get_post($companyPageId); 
$excerpt2 = $post_me2->post_content;
?>

<input type="hidden" id="intern_tab_page" value="<?php echo $excerpt;?>">
<input type="hidden" id="company_tab_page" value="<?php echo $excerpt2;?>">

<script>
    jQuery(document).ready(function ($) {
        var intern = $('#intern_tab_page').val();
        var company = $('#company_tab_page').val();
        $('#intern-content').click(function () {
            console.log(intern);
            $('div.tabs-content').html(intern);
        });
        $('#company-content').click(function () {
            $('div.tabs-content').html(company);
            console.log(company);
        });
    });
</script>

将Wordpress查询结果分配给js变量

1 个答案: