JQuery + Wordpress

@maddyxce · Регистрация: 20.04.2018

Студворк — интернет-сервис помощи студентам

Всем привет, создаю свою админку в WP - есть JQ код который отдельно работает как надо, но когда я его прописываю на странице с админкой то вылетает белый экран.

Задача скрипта добавлять новый набор полей по нажатию на кнопку -

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
jQuery(document).ready(function() {
  
  var counter = 1;
        
 jQuery("#btn-addline").click(function(es) {
    es.preventDefault();
    jQuery("#myawesomesauceform").append('<p><i class="fa fa-trash">Удалить</i><input type="text" name="ingredient['+counters+']type[]" placeholder="Имя"> <input type="text" name="Почта['+counters+']weight[]" placeholder="Почта"> <textarea name="ingredient['+counters+']quantity[]" placeholder="Сообщение"></textarea></p>');
    counters = counters + 1;
    initRemove();
  });
  var initRemove = function() {
    jQuery(".fa-trash").click(function() {
     jQuery(this).parent().remove();
      counters = counters - 1;
      if(counters < 1) {
        counters = 1;
      }
    });
  }
});

HTML5
1
2
3
4
5
6
7
8
9
10
<form id="myawesomesauceform">
    <button id="btn-addline"><i class="fa fa-plus-square"></i> Добавать</button>
    <p>
    <input type="text" name="ingredient[]type[]" placeholder="Имя">
    <input type="email" name="ingredient[0]weight[]" placeholder="Почта"><br>
    <textarea name="ingredient[0]quantity[]"  placeholder="Сообщение"></textarea>
</p>
</form>
<script src='jquery-3.3.1.min.js'></script>
<script src="javajs.js"></script>

В чём может быть дело ? Есть ли альтернативы этого решения ?

а вот так после нажатия -

Добавлено через 1 минуту
Там в начале стоит Jquery вместо $ - это я поменял. Разницы нет, не работает всё равно

@fanatikus · 20.04.2018, 13:45

а что в консоли? ошибки?
наверно не подключены скрипты

Сообщение от maddyxce

скрипты что, в одной директории с файлом в котором форма?

@maddyxce · 20.04.2018, 14:14 **[ТС]**

Да, скрипты в 1 папке.

Вот консоль

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@maddyxce 0 / 0 / 0 Регистрация: 20.04.2018 Сообщений: 2
	20.04.2018, 14:14 [ТС]
	Да, скрипты в 1 папке. Вот консоль 0