jQuery- все статьи тега ➜ страница 9


Jquery Post многомерный массив через $.Аякс

Я пытаюсь разместить вызов ajax, как если бы это был следующий элемент формы: <input type="text" name="data[BlogPost][title]" /> Но мне не везет вот мой источник: $.ajax({ url: "/add/", type: "POST", data: ( /* what do I do here */), success: function(msg){ alert(msg); } }); Я пробовал вложенные объекты, но это только генерирует ответ сервера, как: массив 'data' = > string ' [object Object]' (length=15) Что никому н ...

Как настроить и использовать jQuery с webpack

У меня есть очень простой проект для тестирования функции jQuery с webpack. Однако я столкнулся с ошибками на этапе связки. Вот ошибки: ERROR in ./~/jQuery/lib/node-jquery.js Module not found: Error: Cannot resolve module 'jsdom' in /home/mypc/IdeaProject/OpenDimSum/frontend/node_modules/jQuery/lib @ ./~/jQuery/lib/node-jquery.js 5:13-29 ERROR in ./~/jQuery/lib/node-jquery.js Module not found: Error: Cannot resolve module 'xmlhttprequest' in /home/mypc/IdeaProject/OpenDimSum/frontend/node_mo ...

В чем разница между событиями keyup, keydown, keypress и input?

Я пытался понять события нажатия клавиш jQuery, keydown, keyup иinput . Но я нашел их довольно запутанными. Не мог бы кто-нибудь указать на точные различия ? Также я хотел бы знать, все ли они срабатывают, когда пользователь вставляет кусок текста . Спасибо ...

Сохранить HTML5 canvas как изображение на сервере

У меня был холст html5 с изображением. Люди могут редактировать / настраивать изображение с помощью javascript. После того, как все сделано, они должны иметь возможность разместить это изображение на своей стене Facebook. Насколько я знаю, мы можем удовлетворить требование следующим образом Save Canvas data as image in to my server --> Post to Facebook with its image URL --> Delete the image on call back. Во-первых, это предположение верно, а во-вторых, Как сохранить хо ...

Простой jQuery валидатор addMethod не работает

Обновленный вопрос на дне Я пытаюсь проверить супер простую форму. В конечном счете имя пользователя будет сравниваться с оператором RegExp, и то же самое будет сделано для пароля. Однако сейчас я просто пытаюсь изучить формат валидатора addMethod. В настоящее время у меня есть этот скрипт: JQuery.validator.addMethod( "legalName", function(value, element) { if (element.value == "bob") { return false; } else return true; }, "Use a ...

Сброс формы не работает с помощью jquery

Я хочу сбросить форму после вызова функции ajax. Вот код, который я дал в jquery: $("#frm_silder").reset(); Здесь frm_silder - идентификатор формы. Но когда я использую этот код, я получаю сообщение eorror, подобное этому. $("#frm_silder").reset is not a function В моем html-коде я даю идентификатор для такой формы: <form name="frm_silder" id="frm_silder" method="post"> Так в чем же проблема в моем коде? ...

VueJS-чтение данных из локального файла json в vis.Яш сроки

Мой вопрос касается чтения из локального файла JSON. Я создаю приложение VueJS. Я пытаюсь загрузить данные из файла json в компонент Vue следующим образом, <script> var container = {}; var items = {}; var options = {}; var timeline = {}; export default { mounted() { // DOM element where the Timeline will be attached container = document.getElementById('mynetwork'); // Configuration for the Timeline options = ...

Использование onbeforeunload без диалога?

Я пытаюсь публиковать данные, когда пользователь покидает мою страницу. Мне наконец удалось найти рабочий, но, тем не менее, он выскакивает диалог, когда пользователь уходит. Я пробовал return null;, но не сработало. Можно ли отключить диалог ? window.onbeforeunload = function() { $.post("track.php", { async: false, refid: refid, country: country, type: type, }); return ''; } ...

Google Recaptcha не отображается после нажатия на переключатель

У меня есть два переключателя. Когда я нажимаю на один из них, чтобы изменить поля формы, капча версии 1 больше не отображается. Итак, я должен нажать кнопку обновить, чтобы создать новое изображение капчи. <input type="radio" name="data[Form][sv]" id="FormV1" value="1" /> V1 <input type="radio" name="data[Form][sv]" id="FormV2" value="2" checked="checked" /> V2 Код jquery: $(document).ready(function () { $("#FormV1").bind("change", function (event) { $.ajax({async ...

Простая форма входа с помощью jquery

Моя цель: форма входа, которая принимает имя пользователя и пароль (используйте admin и password соответственно). При использовании он заполнит или создаст раздел в заголовке, содержащий имя пользователя и опцию выхода из системы. (этот раздел не виден, если пользователь не вошел в систему). То , что я пытался до сих пор, находится ниже, что действительно работает, но мне интересно, как я могу улучшить этот код? <!-- HTML --> <div id="first"> <form action="" ...

Как добавить класс в элемент списка и удалить его из предыдущего элемента

Мне нужно добавить класс orange в список элементов по щелчку и удалить его, когда я нажму на следующий элемент. Разметка: <ul class="navbar-custom clearfix"> <li><a href="#start"></a></li> <li><a href="#description"></a></li> <li><a href="#syntax"></a></li> <li><a href="#scrollbar"></a></li> <li><a href="#rotations"></a></li> ...

Можно ли сделать волнистую линию?

Если бы я хотел сделать горизонтальную линию, я бы сделал это: <style> #line{ width:100px; height:1px; background-color:#000; } </style> <body> <div id="line"></div> Если бы я хотел сделать вертикальную линию, я бы сделал это: #line{ width:1px; height:100px; background-color:#000; } </style> <body> <div id="line"></div> Изогнутая линия сложнее, но возможна с использованием border-radius и обертыванием элемента: ...

Как извлечь содержимое HTML-тегов из строки с помощью javascript или jquery? [дубликат]

На этот вопрос уже есть ответ здесь: создание нового элемента DOM из HTML-строки с использованием встроенных методов DOM или прототипа 21 ответов Может быть, это очень просто, но я все путаю. У меня есть простая html-страница со многими разделами (div). У меня есть строка, содержащая HTML-теги в javascript. Код такой: образом: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script ...

Javascript обратный отсчет для определенного времени и даты

Я использую плагин jQuery для установки таймера обратного отсчета на моей веб-странице. В настоящее время код, управляющий отображением таймера, выглядит следующим образом: <script type="text/javascript"> var clock = $('.clock').FlipClock(3600 * 24 * 3, { clockFace: 'DailyCounter', countdown: true }); </script> JS для плагина можно посмотреть здесь: https://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js Пример страницы исполь ...

Хром полоса прокрутки исчезает (не переполнение-у)

Страница (live-версия) состоит (грубо говоря) из трех частей: левая боковая панель центрированное содержание правая боковая панель Правая боковая панель должна быть прокручиваемой, поэтому я установил overflow-y: scroll; right: -17px;, чтобы просто скрыть полосу прокрутки. Body, html Есть overflow-y: auto;. Таким образом, мне не нужно иметь две полосы прокрутки (для страницы и для правой боковой панели). Выпуск: (только в CHROME, протестировано на версиях 62 и 63) Почему-то на разны ...

Невозможно добавить событие resize в Редактор tinymce

Я не могу добавить событие resize в Редактор tinymce. это дает мне: - Uncaught TypeError: tinymce.dom.Event.add is not a function Как правильно это сделать? tinymce.init({ selector: ".tinymceTextarea", width: '100%', height: '100%', plugins: plugins, statusbar: false, menubar: false, toolbar: toolbar, fontsize_formats : "8px 10px 12px 14px 16px 18px 20px 24px 32px 36px", // init_instance_callback: "ini ...

select2 ajax показывает результаты, но не может выбрать

Я использую плагин select2 с удаленными данными ajax. Я вижу результаты в выпадающем списке, но не могу их выбрать. Я хочу, чтобы результаты были выбраны и помещены в поле после выбора. Я думаю, что проблема заключается в передаче идентификатора, я не знаю, как передать его правильно.. Есть идеи? Мой json для ?tag_word=для ...нет никакого id results: [{text: "fort"}, {text: "food"}] Вот код: <select class="js-data-example-ajax" style="width:100%"> <option selected="sele ...

как приостановить все проигрывание аудио на странице

У меня есть html5 плеер, который работает следующим образом: Html: <div class="player row" data-dwplayer="true" data-mp3="example.mp3" data-loop="true"> Javascript: $("[data-dwplayer=true]").each(function(){ var player = $(this); var audio = new Audio(); /* data */ var source = player.data('mp3') ? player.data('mp3') : player.data('ogg'); var auto = player.data('autoplay') ? true : false; var loop = player.data('loop') ? true : false; /* set source ...

jQuery: отключить скрипт на основе ширины окна / медиа запроса

У меня есть скрипт jQuery ниже, который запускает div, чтобы стать плавающим фиксированным. (Который работает, и у меня нет проблем с ним). $(document).ready(function() { ctop = $('#comment').offset().top - parseFloat($('#comment').css('margin-top').replace(/auto/, 0)); }); $(window).scroll(function (event) { // what the y position of the scroll is var y = $(this).scrollTop(); var abottom = $('#individual_second_tier').offset().top - parseFloat($('#individual_second_tier').css(' ...

Получение значений select и radio с помощью jquery

У меня есть следующий набор html для радио и select box я хочу получить значение с разделенной запятой ДЛЯ ПЕРЕКЛЮЧАТЕЛЯ <div class="element" id="radio_gender"> <div class="fleft"> <label for="gender">Gender</label> </div> <div class="fleft"> <input type="radio" value="Male" name="gender" />Male <br /> <input type="radio" value=" Female" name="gender" /> Female<br /> </div> &l ...