Как устранить ошибку SyntaxError верхнего уровня WordPress?

Как устранить ошибку SyntaxError верхнего уровня WordPress?

Что означает эта ошибка? Я включаю весь код из файла PHP.

 SyntaxError: import declarations may only appear at top level of a module /*WPSOL_MINIFIED_JS*/import $ from'jquery' import Util from'./util' const NAME='modal' const VERSION='4.3.1' const DATA_KEY='bs.modal' const EVENT_KEY=`.${DATA_KEY}`const DATA_API_KEY='.data-api' const JQUERY_NO_CONFLICT=$.fn[NAME] const ESCAPE_KEYCODE=27 

Должен ли я переместить код jQuery внизу этого включаемого PHP-файла и поместить его в другое место?

  {amp}lt;?php //only show in page callouts if the page has them assigned //$ExtraContent = get_post_meta(get_the_ID(), 'bbncecmb-ec_headline_text'); $field_id = 'bbncds_info'; $bbnclds = array( 'post_type' ={amp}gt; 'bbnc_lds', // 'orderby' ={amp}gt; 'meta_value meta_value_num', // 'order' ={amp}gt; 'ASC', 'posts_per_page' ={amp}gt; -1 ); $Leaders = new WP_Query( $bbnclds); ?{amp}gt; {amp}lt;div class="section-leadership-new"{amp}gt; {amp}lt;ul class="leaders"{amp}gt; {amp}lt;?php while ($Leaders-{amp}gt;have_posts()) : $Leaders-{amp}gt;the_post(); $firstName = rwmb_meta( "bbncds_firstname"); $lastName = rwmb_meta( "bbncds_lastname"); $title = rwmb_meta( "bbncds_title"); $bio = rwmb_meta( "bbncds_description"); $pos=strpos($bio, ' ', 120); $excerpt= substr($bio,0,$pos ).'... '; $Image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'large'); $ImageURL = $Image[0]; $ModalImage = wp_get_attachment_image_src( get_post_thumbnail_id(), ''); $ModalURL = $ModalImage[0]; echo '{amp}lt;li class="leader"{amp}gt;'; echo '{amp}lt;div class="card"{amp}gt;'; echo '{amp}lt;div class="headshot" data-biopic="'.str_replace(".jpg", "-Portrait.jpg", $ModalURL ).'" style="background-image: url('.$ImageURL.')" data-fullname="'. $firstName .' ' . $lastName .'" data-bio="' . $bio . '" data-target="#leadershipModal" data-toggle="modal"{amp}gt;{amp}lt;/div{amp}gt;'; echo '{amp}lt;h3 class="name"{amp}gt;'.$firstName.' '.$lastName.'{amp}lt;/h4{amp}gt;'; echo '{amp}lt;h4 class="title"{amp}gt;'.$title.'{amp}lt;/h4{amp}gt;'; echo $excerpt; echo '{amp}lt;p class="read_more" data-fullname="'. $firstName .' ' . $lastName .'" data-bio="' . $bio . '" data-target="#leadershipModal" data-toggle="modal"{amp}gt;Read More{amp}lt;/p{amp}gt;'; echo '{amp}lt;/div{amp}gt;'; echo '{amp}lt;/li{amp}gt;'; endwhile; wp_reset_postdata(); ?{amp}gt; {amp}lt;!-- Modal --{amp}gt; {amp}lt;div aria-hidden="true" aria-labelledby="leadershipModalLabel" class="modal fade" id="leadershipModal" role="dialog" tabindex="-1"{amp}gt; {amp}lt;div class="modal-dialog modal-dialog-centered" role="document"{amp}gt; {amp}lt;div class="modal-content"{amp}gt; {amp}lt;div class="modal-header"{amp}gt; {amp}lt;h5 class="modal-title" id="leadershipLabel"{amp}gt; {amp}lt;?php echo '{amp}lt;h3 id="fullname_placeholder" class="name"{amp}gt;{amp}lt;/h3{amp}gt;'; ?{amp}gt; {amp}lt;span aria-hidden="true" class="close" aria-label="Close" data-dismiss="modal"{amp}gt;×{amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="modal-body"{amp}gt; {amp}lt;div class="col-md-4"{amp}gt; {amp}lt;?php echo '{amp}lt;img id="headshot-modal" data-biopic="" data-target="#leadershipModal" data-toggle="modal" /{amp}gt;'; ?{amp}gt; {amp}lt;?php echo '{amp}lt;h3 id="fullname_placeholder" class="name"{amp}gt;{amp}lt;/h3{amp}gt;'; ?{amp}gt; {amp}lt;/div{amp}gt;{amp}lt;!--Enf of col-md-4--{amp}gt; {amp}lt;div class="col-md-8"{amp}gt; {amp}lt;div id="bio_placeholder" class="bio"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt;{amp}lt;!--Enf of col-md-8--{amp}gt; {amp}lt;div class="modal-footer"{amp}gt; {amp}lt;button class="cta-modal" data-dismiss="modal" type="button"{amp}gt;Close{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;!--/leadership --{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script{amp}gt; (function($) { $(document).ready(function() { $('.read_more, .headshot, .leader').on('click', function() { let bio = $(this).data('bio'); $('#bio_placeholder').html(bio); let fullname = $(this).data('fullname'); $('#fullname_placeholder').html(fullname); let photo = $(this).data('biopic'); if(photo) { $('#headshot-modal').attr("src", photo); } }); }); })(jQuery); {amp}lt;/script{amp}gt; 

Короче говоря, я поместил этот условный код jQuery в конец этого включаемого файла темы WordPress, где есть собственный PHP.

Странно то, что все, кто находится за пределами компании-владельца веб-сайта, могут видеть изображения внутри модуса Bootstrap JS, кроме самих сотрудников компании. Даже их техническая поддержка хостинга, которая находится за пределами штата, может видеть изображения внутри модальной, но компания по какой-то причине не может. Мы изучили их настройки сервера …. ничего не получили.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector