PHP 尝试将 html 元素设置为 google 趋势嵌入时出错

Question

我在尝试将具有 jquery 的元素的 html 属性设置为 google 趋势嵌入时出现错误。

<!DOCTYPE html>
<html>
<head>
    <title>Titlw</title>
</head>
<body>
    <div class="hide" id="google_trends"></div>
</body>
<script type="text/javascript">
    /*! jQuery v3.4.1 | (c) JS Foundation and other contributors | jquery.org/license */
</script>
</html>
<?php

echo "
<script>
    $('#google_trends').removeClass('hide');
    $('#google_trends').html('<script type=\"text/javascript\" src=\"https://ssl.gstatic.com/trends_nrtr/2213_RC01/embed_loader.js\"></script> <script type=\"text/javascript\"> trends.embed.renderExploreWidget(\"TIMESERIES\", {\"comparisonItem\":[{\"keyword\":\"a\",\"geo\":\"\",\"time\":\"today 5-y\"}],\"category\":0,\"property\":\"froogle\"}, {\"exploreQuery\":\"date=today%205-y&gprop=froogle&q='a'\",\"guestPath\":\"https://trends.google.com:443/trends/embed/\"});</script>');
</script>";


?>

错误信息 -

"Uncaught SyntaxError: Invalid or unexpected token"

Answer 1

您不需要使用 echo 打印输出 function.It 会将自身嵌入到指定的 div 中。这里的 div id 是 google_trends
您对 show/hide google_trends div 的要求将通过使用 ready 初始化 jquery 来满足 函数。页面加载后，它将删除隐藏 class 并显示 google 趋势请求结果。
使用renderExploreWidgetTo函数比 renderExploreWidget。有了这个，您可以定义要在其中显示输出的 div id。

试试下面的代码。

<!DOCTYPE html>
<html>
<head>
    <title>Titlw</title>
    
</head>
<body>
    <div class="hide" id="google_trends"></div>


    <script src="https://code.jquery.com/jquery-3.5.1.min.js" crossorigin="anonymous"></script>
    <script type="text/javascript" src="https://ssl.gstatic.com/trends_nrtr/1328_RC04/embed_loader.js"> </script>
 </body>
</html>

<script type="text/javascript">
$( document ).ready(function() {
    $('#google_trends').removeClass('hide');
    trends.embed.renderExploreWidgetTo(google_trends,'TIMESERIES', {'comparisonItem':[{'keyword':'a','geo':'','time':'today 5-y'}],'category':0,'property':'froogle'}, {'exploreQuery':'date=today%205-y&gprop=froogle&q=a','guestPath':'https://trends.google.com:443/trends/embed/'});

});

</script>

注意：这是一个独立的代码，因为我添加了 jquery CDN link 和 google trend 的 ember_loader js 文件。

PHP 尝试将 html 元素设置为 google 趋势嵌入时出错

PHP error when trying to set html element to google trends embed

html

php

ajax

jquery

google-trends