Доступ к элементам в wordpress

141
09 января 2019, 00:20

В футер был добавлен следующий код для попапа:

<div id="mc_embed_signup" class="popup_sub"> 
	<div class="close"></div> 
	<form action="http://6thsenseofstyle.us11.list-manage.com/subscribe/post?u=de7f17faa1d129bd23631fd8f&amp;id=f2be059297" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
	    <div id="mc_embed_signup_scroll"> 
	    	<h1 class="popup_title">6th Sense Of Style Newsletter</h1> 
	    	<div class="popup_border"></div> 
		    <div class="popup_text"> 
				<p>Sign up to our newsletter to get the latest articles, lookbooks & street style photography direct to your inbox:</p> 
			</div> 
			<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 
		    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
		    <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_de7f17faa1d129bd23631fd8f_f2be059297" tabindex="-1" value=""></div> 
		    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button popup_submit"></div> 
	    </div> 
	</form> 
</div> 
<script type="text/javascript"> 
  $('.popup_sub .close').click(function(){ 
    $('.popup_sub').hide(); 
  }); 
   
  setTimeout(function(){ 
    if (!$.cookie('subscribed')) { 
      $('.popup_sub').show(); 
       
      $('.popup_sub form').submit(function(){ 
        $.cookie('subscribed', true, {  
          expires: 365, 
          path: '/' 
        }); 
      }); 
    } 
  }, 30000); 
</script>

В итоге в консоль получаю ошибку "Uncaught TypeError: Cannot read property 'click' of undefined", то есть на первой же строке кода. Пробовал вывести console.log($('.popup_sub')) - получаю 'undefined'.

Answer 1

$ is not defined - все ж написано, вы просто не подключили библиотеку jQuery

Error{
"message": "Uncaught ReferenceError: $ is not defined",
"filename": "http://stacksnippets.net/js",
"lineno": 28,
"colno": 3
}

и плюс оберните все что в script в

$(document).ready(function(){
})
READ ALSO
Как отправить post запрос с данными?

Как отправить post запрос с данными?

Отправляю изображение на api сервиса:

174
Как в vuex вывести данные реактивно через store в разные шаблоны

Как в vuex вывести данные реактивно через store в разные шаблоны

Не могу разбросаться как выводить значения при заполнение Input в одном компоненте через store Для вывода в другом, сейчас сделал через computed, всё...

179
Изменить стили в активном блоке

Изменить стили в активном блоке

Есть несколько блоков с товарами, по клику на блок нужно изменить стили дочерних элементов (уsizes-block,

155