getRelevantGoogleReviews在wordpress中不是函数错误,但在Localhost中有效

问题描述 投票:1回答:1

我在我的网站上使用谷歌地图放置Javascrip库,以检索我的商店的评论和评级,我在localhost中测试它,一切正常,但当我在我的wordpress网站中使用代码时,我收到一条错误,说getRelevantGoogleReviews不是函数我甚至尝试将setTimeout设置为3秒,以便我的网站获取评论,但它不起作用。知道为什么吗?

    <!doctype html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
    <ul class="reviews__content" id="reviews__content">
    </ul>
    <div id="service-helper"></div>


    <script async defer src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&libraries=places&callback=getRelevantGoogleReviews">
    </script>


    <script type="text/javascript">
    window.getRelevantGoogleReviews = function() {
        var service = new google.maps.places.PlacesService($('#service-helper').get(0)); // note that it removes the content inside div with tag '#service-helper'

        service.getDetails({
            placeId: 'ChIJ0YnbDpIUrjsRUiJwpVPcmDk' // get a placeId using https://developers.google.com/places/web-service/place-id
        }, function(place, status) {
            if (status === google.maps.places.PlacesServiceStatus.OK) {
                var resultcontent = '';
                for (i = 0; i < place.reviews.length; ++i) {
                    if (place.reviews[i].rating >= 4) {
                        //window.alert('Name:' + place.name + '. ID: ' + place.place_id + '. address: ' + place.formatted_address);
                        resultcontent += '<li class="reviews__item">'
                        resultcontent += '<div class="reviews__review-er">' + place.reviews[i].author_name + '</div>';
                        var reviewDate = new Date(place.reviews[i].time * 1000);
                        resultcontent += '<div class="reviews__review-er"> <p>Rating: ' + place.reviews[i].rating; + ' </p></div>';
                        var reviewDateMM = reviewDate.getMonth() + 1;
                        var reviewDateFormatted = reviewDate.getDate() + '/' + reviewDateMM + '/' + reviewDate.getFullYear();
                        resultcontent += '<div class="reviews__review-date">' + reviewDateFormatted + '</div>';
                        resultcontent += '<div class="reviews__review-rating reviews__review-rating--' + place.reviews[i].rating + '"></div>';
                        if (!!place.reviews[i].text) {
                            resultcontent += '<div class="reviews__review-comment">' + place.reviews[i].text + '</div>';
                            resultcontent += '<div class="reviews__review-comment"> <a target="_blank" href="'+place.reviews[i].author_url+'">click here</a></div>';
                        }
                        resultcontent += '</li>'
                    }

                }
                $('#reviews__content').append("<b>Corporate Office</b><br><br>" + resultcontent);
            }
        });
    }
    </script>
</body>

</html> 
javascript wordpress google-maps google-maps-api-3
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.