Вопросы с тегами [jquery]

0

голосов
2

ответ
13

Просмотры

How do I add onChange events to a list of elements, that will update the HTML with current values?

Я хочу (программно, конечно) добавить прослушиватель событий в список (массив объектов) из полей ввода HTML, который будет срабатывать событие изменения, но обеспечить значение, которое в настоящее время на входе, а не то, что было в поле ввода в время функция, которая делает добавление событий, работает. После попытки захватить поля ввода как можно позже, я все еще получаю значение по умолчанию вида и не возвращаются текущие значения. По крайней мере, предназначенные поля ввода действительно имеют слушатель изменить событие прикрепленных, так что я на полпути ...>.> // устанавливает только события со значениями во время исполнения! Функция setEvents () {пусть FieldList = [{ "FLD": "SaleDate", "тип": "дата"}, { "FLD": "PickUpDate", "тип": "дата"}, { "FLD": «депозит»,» }} // Эта функция работает, но сильно урезано, так что вы можете увидеть, что я делаю с функцией переменной AddItem (ключ, вал) {вар tmpItem = document.createElement ( «LI»); вар tmpNode = document.createTextNode (key.toUpperCase () + ":" + вал); tmpItem.appendChild (tmpNode); tmpItem.setAttribute ( "имя", ключ); getElementById ( "summaryList") box.appendChild (tmpItem). } Как было сказано выше, событие изменения добавляется к элементам, как и ожидалось. У меня есть предупреждения, которые сообщают мне, что такое же значение передаются с каждым триггером событий. ака значения по умолчанию формы. toUpperCase () + ":" + вал); tmpItem.appendChild (tmpNode); tmpItem.setAttribute ( "имя", ключ); getElementById ( "summaryList") box.appendChild (tmpItem). } Как было сказано выше, событие изменения добавляется к элементам, как и ожидалось. У меня есть предупреждения, которые сообщают мне, что такое же значение передаются с каждым триггером событий. ака значения по умолчанию формы. toUpperCase () + ":" + вал); tmpItem.appendChild (tmpNode); tmpItem.setAttribute ( "имя", ключ); getElementById ( "summaryList") box.appendChild (tmpItem). } Как было сказано выше, событие изменения добавляется к элементам, как и ожидалось. У меня есть предупреждения, которые сообщают мне, что такое же значение передаются с каждым триггером событий. ака значения по умолчанию формы.
BlackRece
1

голосов
2

ответ
38

Просмотры

Что такое JS валидации для множественного примера загрузки файла: имя = «файлы []»

это JS не работает помощь мне мои JS это ... $ ( "# GallaryForm") проверки ({правил:. {event_id: {требуется: правда,}, файлы: {требуется: правда,},}, сообщения: {event_id: {требуется: 'Выберите событие'}, файлы: {требуется: 'Пожалуйста, загрузите изображение или видео',},},}); Помогите мне на файлы проверки он не работает ...
Virat Virat
0

голосов
3

ответ
18

Просмотры

How do I parse a json data and output in html?

I've got this json data and I need to replace html with it's data. I've tried looping through it with .each, but I can't get it to output right. // json data variable output { "Topic Example Left": [ "a", "b", "c", "d" ], "Topic Example Right": [ "e", "f", "g", "h", ] } I need to empty check-row-0 and check-row-1 and replace the current results below with the json data. // topic example left div Special Programs a b c d //topic example right div Special Programs e f g h Thanks for any help!
Drew Peer
0

голосов
0

ответ
7

Просмотры

How to disable button if dynamic textbox are empty

Я отключил кнопку моих представить, чтобы избежать представления, когда текстовое поле не заполнено. У меня есть несколько динамическое текстовое поле, где функция корректно работает. Но при добавлении еще один ряд текстовых полей, кнопка представить уже включена. Как я все еще могу отключить текстовые поля, когда пользователь решает добавить еще одну строку? Мне нужна кнопка отправки должны быть включено, когда все текстовые поля заполнены, до и после добавления еще одну строки. Функция addRow () {вар таблица = document.getElementById ( "бод"); вар ROWCOUNT = table.rows.length; переменная строка = table.insertRow (ROWCOUNT); row.insertCell (0) .innerHTML = ''; row.insertCell (1) .innerHTML = ''; row.insertCell (2) .innerHTML = ''; row.insertCell (3) .innerHTML = ''; row.insertCell (4) .innerHTML = ''; row.insertCell (5) .innerHTML = ''; } Функция успех () {если (document.getElementById ( "uname"). Значение === "" || document.getElementById ( ""). Значение === "возраст" || document.getElementById ( "цель") .value === "" || document.getElementById ( "wafernum"). значение === "" || document.getElementById ( "клетка"). значение === "" || document.getElementById ( "кол-во" ) .value === "" || document.getElementById ( "слово") значение === "") {document.getElementById ( 'submit_form') отключена = верно. } Еще {document.getElementById ( 'submit_form') отключен = ложь. . Document.getElementById ( 'submit_form') style.backgroundColor = "желтый"; } } Назовите возраст:
Blue Minnie
1

голосов
2

ответ
981

Просмотры

onerror event not being detected during image preloading?

Я пытаюсь предварительно загружать много (тысячи) изображений, и думал, что я делаю это правильно. У меня есть все URL (некоторые из них действительно, некоторые из них нет) в массиве. Я цикл по массиву, и Атташе OnLoad и OnError событий в функции img.src. Когда событие изображения возвращает ошибку я не добавить его в «хороший» массив, и я по-прежнему в моем цикле. Тем не менее, я заметил, что, в то время как это должно предотвратить изображения от делать это в мой «хороший» массив, это не всегда (на самом деле у меня есть достаточное количество изображений, которые я не могу сказать, если он когда-либо делает). Когда я на самом деле идти, чтобы загрузить эти изображения на страницу, я получаю сломанный символ изображения и 404 в моей консоли. Я вижу 404 ошибки в моей консоли, а предварительной загрузки, поэтому я предполагаю, что это обнаружить некоторые сломанные изображения, но не все, или, возможно, они до сих пор делают это в мой другой массив? Может быть, что изображения загружаются так быстро, что по-прежнему заявление у меня не работает (Есть тысячи)? Если да, то есть способ обойти это? Я приложил мой код ниже, здесь я попытался использовать по-прежнему в состоянии .onerror, но я предполагаю, что img.src сделал это недопустимое условие цикла. Спасибо за любую помощь. EDIT: Атрибут SRC является свойством объекта, он также будет иметь имя и имя пользователя свойство, так что я только хочу, чтобы добавить объекты с действительной URLs. Я пытался сократить свой код, но должен добавить эту часть (я только добавил первые три строки, хотя теперь я понимаю, что я должен нажать пункт OnLoad имя уаг = «тест», имя пользователя = URL «TestUser», ибо (я = 0; я <imgURLs.length; я ++) {URL = URL [я]; вар IMG = новое изображение (); действительный = истина; img.onload = функция () {console.log ( 'New Media Loaded')}; img.onerror = функция () {console.log ( 'Ошибка: плохой источник изображения'); действительный = ложь; }; img.src = URL; если (действительный) {goodArray.push (IMG); }}
Startec
0

голосов
3

ответ
17

Просмотры

Нажмите на ссылку, чтобы показать страницу погрузчиком, а затем сделать страницу загрузчик исчезает по истечении определенного времени, URL-шоу-адресата

Я совершенно новое, касающееся JavaScript и у меня есть проблема, которая кажется слишком простым, но это дает мне неприятность. У меня есть ссылка, и я хочу добиться того, чтобы при нажатии на ссылку появляется невидимая страница загрузчика, то я хочу, чтобы страница загрузчика исчезнуть после определенного количества времени, и, наконец, что он идет к URL ссылки. Очень важно, что это происходит на странице раньше, я не хочу, чтобы DIV будет показан OnLoad. Я попробовал несколько дополнительных сценариев «SetTimeout», «предотвратить», чтобы скрыть загрузчик через некоторое время, но это не работает ... он просто исчезает, как только страница загрузится. Это до сих пор самая чистая точка я пришел. # Страница-погрузчик {позицию: абсолютная; верх: 0; Дно: 0%; Слева направо: 0; право: 0%; Z-индекс: 10000; Дисплей: нет; выравнивания текста: центр; ширина: 100%; обивка-топ: 250px; цвет фона: черный; } Я надеюсь, что вы можете помочь мне с этим
Manuel
0

голосов
3

ответ
82

Просмотры

Плавный переход к целевой DIV, когда его встроенный КСС индикаторный блок

Я очень длинную форму, на которой кнопка отправить сначала в середине, и как только прокрутке мимо кнопки отправки, кнопка собирается быть липким. Теперь текст формы ошибки в конце формы и изначально скрыт, и если есть ошибка будет изменить для отображения: блок; в инлайн CSS. Я хочу, чтобы это сделать, когда ошибка на дисплее: блок; , То окно просмотра собирающийся автоматически плавный переход к этому тексту (а не просто прыгать вверх, потому что иногда представить положение кнопки выше ошибки), но он не работает. Любое понимание? P / S: Я уже искать и тестировать несколько кодов, но он не работает. Функция moveScroller () {вар $ анкерные = $ ( "# скроллер-якорь"); вар $ скроллер = $ ( '# скроллер'); вар шаг = функция () {вар й = $ (окно) .scrollTop (); а = переменная $ anchor.offset () сверху. если (й> OT) {$ scroller.css ({положение: "фиксированный", внизу: "4%", слева: "1%"}); } Еще {$ scroller.css ({положение: "относительно", вверху: "", слева: ""}); }}; $ (Окно) .scroll (перемещение); переехать(); } $ (Функция () {moveScroller ();}); $ ( "Представить кнопку А ") на (" щелчок", функция () {$ () CSS ( "дисплей " "блок")" ошибки.";.}). . Если ($. ( ' ') Ошибки CSS (' дисплей ') == 'блок') {$ (' HTML, тело') анимации ({scrollTop:.. $ ( "") Ошибки смещения () сверху }, 2000); } .errors {цвет: красный; Дисплей: нет; } Lorem Ipsum боль сидеть Амет, consectetur adipiscing Элит. DUIs interdum Одио Vel велит ullamcorper facilisis. Curabitur включенные в другие группировки семафор hendrerit, consequat enim sollicitudin, ultricies Lectus. В ultrices Метус SED анте scelerisque luctus Quis ид Lectus. Mauris Vel язычок отл. Преддверия Justo enim, vulputate в бывшей витэ, consequat venenatis либеро. Нам Дознание Elementum Lectus и др feugiat. Morbi dignissim экскретов facilisis. Curabitur PortA ми на Quam suscipit, в rutrum язычка ullamcorper. Связаться с Нами и др sodales Dolor. Aenean и требовалось и требовалось, изречение СЭД Лео ас, pharetra зетрег эрос. Донец viverra tincidunt condimentum. Sed Varius, бывший finibus лациния suscipit, nisl Ipsum dapibus еи ут Fringilla Lacus Massa сидеть Амет язычка. Fusce ес Метус и требовалось. Mauris Pretium Ipsum Quis Elementum gravida. Nullam Ipsum Tellus, iaculis СЕПГ sollicitudin не, dapibus идентификатор НИСИ. Ut Орси Lectus, volutpat ас Орси Quis, dapibus venenatis либеро. Кнопку Submit! Lorem Ipsum боль сидеть Амет, consectetur adipiscing Элит. DUIs interdum Одио Vel велит ullamcorper facilisis. Curabitur включенные в другие группировки семафор hendrerit, consequat enim sollicitudin, ultricies Lectus. В ultrices Метус SED анте scelerisque luctus Quis ид Lectus. Mauris Vel язычок отл. Преддверия Justo enim, vulputate в бывшей витэ, consequat venenatis либеро. Нам Дознание Elementum Lectus и др feugiat. Morbi dignissim экскретов facilisis. Curabitur PortA ми на Quam suscipit, в rutrum язычка ullamcorper. Связаться с Нами и др sodales Dolor. Aenean и требовалось и требовалось, изречение СЭД Лео ас, pharetra зетрег эрос. Донец viverra tincidunt condimentum. Sed Varius, бывший finibus лациния suscipit, nisl Ipsum dapibus еи ут Fringilla Lacus Massa сидеть Амет язычка. Fusce ес Метус и требовалось. Mauris Pretium Ipsum Quis Elementum gravida. Nullam Ipsum Tellus, iaculis СЕПГ sollicitudin не, dapibus идентификатор НИСИ. Ut Орси Lectus, volutpat ас Орси Quis, dapibus venenatis либеро. Integer pellentesque scelerisque ди ут экскреты. Связаться с Нами arcu пипс, dignissim на Cursus NON, consectetur в ERAT. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo. Mauris Маттис, ЭСТ ес suscipit volutpat, магна Пурус efficitur Ква, ас malesuada mauris mauris Vel ди. Etiam sagittis nibh rutrum Урна Порта, Cursus suscipit семафор Порта. Меценат suscipit enim включенные в другие группировки Ipsum venenatis facilisis. Связаться с Нами tincidunt molestie пипс, не blandit Квам Маттис и др. Suspendisse в ми interdum, ultrices Лео ес, consectetur миль. Ut malesuada миль в Урна ultrices aliquam. Связаться с Нами в tincidunt ми. Нам Quis finibus mauris. Interdum и др malesuada FAMEs ас анте Ipsum primis в faucibus. Nullam в aliquet arcu. Vivamus QUIS Tellus включенные в другие группировки augue congue molestie. DUIs в диам включенных в другие категории велит malesuada luctus. DUIs Pretium consequat sodales. Curabitur Дознание пипс Eget Ipsum condimentum consequat. Fusce suscipit ID велит СЭД sollicitudin. Крас congue с Фелис Семпер анкеты для экспертов. Suspendisse faucibus porttitor Lectus, не arcu TEMPOR Порта Vitae. Sed Vitae преддверия Justo, идентификатор pulvinar Massa. Ut не либеро не Урна rutrum venenatis. Curabitur eleifend interdum Justo Quis rhoncus. Связаться с Нами volutpat LEO A экскреты Elementum. Curabitur на Лео Fringilla, dignissim turpis на, Семпер анте. Aliquam ес finibus пзиз, Eget ultrices mauris. Phasellus не neque Vel Tellus Tempus преддверия rhoncus Vitae mauris. В consectetur, Justo Vel Лациния auctor, Lectus nisl pharetra еи, не TEMPOR enim QUIS Хусто язычок. Curabitur ес enim tincidunt, rhoncus mauris Quis, scelerisque Ipsum. Vivamus molestie consectetur turpis ес condimentum. Меценат tincidunt Лев QUIS преддверия sagittis. Nulla и др диам lobortis Метус consequat faucibus. Ut molestie Метус Quis Орси Порта, не экскреты либеро Tempus. Ut sagittis, enim в finibus euismod, Одио Фелис экскретов arcu, Quis sagittis Nulla enim Vitae arcu. Nullam ес Cursus Урна. Меценат Quis accumsan дуй. Pellentesque обитатель MORBI tristique senectus ЕТ Netus ЕТ malesuada FAMEs ас turpis экскретов. Крас Vel suscipit Justo, биография volutpat Ipsum. В ут fermentum ERAT, pharetra, не велит. Одно или несколько полей имеют ошибку. Пожалуйста проверьте и попробуйте снова. Lorem Ipsum боль сидеть Амет, consectetur adipiscing Элит. DUIs interdum Одио Vel велит ullamcorper facilisis. Curabitur включенные в другие группировки семафор hendrerit, consequat enim sollicitudin, ultricies Lectus. В ultrices Метус SED анте scelerisque luctus Quis ид Lectus. Mauris Vel язычок отл. Преддверия Justo enim, vulputate в бывшей витэ, consequat venenatis либеро. Нам Дознание Elementum Lectus и др feugiat. Morbi dignissim экскретов facilisis. Curabitur PortA ми на Quam suscipit, в rutrum язычка ullamcorper. Связаться с Нами и др sodales Dolor. Aenean и требовалось и требовалось, изречение СЭД Лео ас, pharetra зетрег эрос. Донец viverra tincidunt condimentum. Sed Varius, бывший finibus лациния suscipit, nisl Ipsum dapibus еи ут Fringilla Lacus Massa сидеть Амет язычка. Fusce ес Метус и требовалось. Mauris Pretium Ipsum Quis Elementum gravida. Nullam Ipsum Tellus, iaculis СЕПГ sollicitudin не, dapibus идентификатор НИСИ. Ut Орси Lectus, volutpat ас Орси Quis, dapibus venenatis либеро. Integer pellentesque scelerisque ди ут экскреты. Связаться с Нами arcu пипс, dignissim на Cursus NON, consectetur в ERAT. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo. Lorem Ipsum боль сидеть Амет, consectetur adipiscing Элит. DUIs interdum Одио Vel велит ullamcorper facilisis. Curabitur включенные в другие группировки семафор hendrerit, consequat enim sollicitudin, ultricies Lectus. В ultrices Метус SED анте scelerisque luctus Quis ид Lectus. Mauris Vel язычок отл. Преддверия Justo enim, vulputate в бывшей витэ, consequat venenatis либеро. Нам Дознание Elementum Lectus и др feugiat. Morbi dignissim экскретов facilisis. Curabitur Порта ми на Quam suscipit, в rutrum язычка ullamcorper. Связаться с Нами и др sodales Dolor. Aenean и требовалось и требовалось, изречение СЭД Лео ас, pharetra зетрег эрос. Донец viverra tincidunt condimentum. Sed Varius, бывший finibus лациния suscipit, nisl Ipsum dapibus еи ут Fringilla Lacus Massa сидеть Амет язычка. Fusce ес Метус и требовалось. Mauris Pretium Ipsum Quis Elementum gravida. Nullam Ipsum Tellus, iaculis СЕПГ sollicitudin не, dapibus идентификатор НИСИ. Ut Орси Lectus, volutpat ас Орси Quis, dapibus venenatis либеро. Integer pellentesque scelerisque ди ут экскреты. Связаться с Нами arcu пипс, dignissim на Cursus NON, consectetur в ERAT. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo. pharetra Semper эрос. Донец viverra tincidunt condimentum. Sed Varius, бывший finibus лациния suscipit, nisl Ipsum dapibus еи ут Fringilla Lacus Massa сидеть Амет язычка. Fusce ес Метус и требовалось. Mauris Pretium Ipsum Quis Elementum gravida. Nullam Ipsum Tellus, iaculis СЕПГ sollicitudin не, dapibus идентификатор НИСИ. Ut Орси Lectus, volutpat ас Орси Quis, dapibus venenatis либеро. Integer pellentesque scelerisque ди ут экскреты. Связаться с Нами arcu пипс, dignissim на Cursus NON, consectetur в ERAT. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo. pharetra Semper эрос. Донец viverra tincidunt condimentum. Sed Varius, бывший finibus лациния suscipit, nisl Ipsum dapibus еи ут Fringilla Lacus Massa сидеть Амет язычка. Fusce ес Метус и требовалось. Mauris Pretium Ipsum Quis Elementum gravida. Nullam Ipsum Tellus, iaculis СЕПГ sollicitudin не, dapibus идентификатор НИСИ. Ut Орси Lectus, volutpat ас Орси Quis, dapibus venenatis либеро. Integer pellentesque scelerisque ди ут экскреты. Связаться с Нами arcu пипс, dignissim на Cursus NON, consectetur в ERAT. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo. Fusce ес Метус и требовалось. Mauris Pretium Ipsum Quis Elementum gravida. Nullam Ipsum Tellus, iaculis СЕПГ sollicitudin не, dapibus идентификатор НИСИ. Ut Орси Lectus, volutpat ас Орси Quis, dapibus venenatis либеро. Integer pellentesque scelerisque ди ут экскреты. Связаться с Нами arcu пипс, dignissim на Cursus NON, consectetur в ERAT. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo. Fusce ес Метус и требовалось. Mauris Pretium Ipsum Quis Elementum gravida. Nullam Ipsum Tellus, iaculis СЕПГ sollicitudin не, dapibus идентификатор НИСИ. Ut Орси Lectus, volutpat ас Орси Quis, dapibus venenatis либеро. Integer pellentesque scelerisque ди ут экскреты. Связаться с Нами arcu пипс, dignissim на Cursus NON, consectetur в ERAT. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo. Nunc ес пзиз Quis tortor sagittis Fringilla СЕПГ ес mauris. Aliquam volutpat и требовалось. Fusce сидеть Амет accumsan ЭСТа. Curabitur eleifend augue сидеть Амет feugiat Bibendum. Aliquam Максимус pharetra ми Eget Commodo.
Nazrin Noorzan
0

голосов
0

ответ
8

Просмотры

Как обнаруживать viewloaded после routerLink?

У меня есть 2 мнения / дом, / панель в моем угловом приложении с элементами анимации, которые загружаются после загрузки страницы. Когда я загружаю по URL, загрузка страницы и ngAfterViewInit работы файла. Но я нажимаю на routerLink = «/ дома», нет анимации Jquery появиться триггеров. Скорее всего, ngAfterViewInit не вызывает таких кликов. Любые обходные пожалуйста?
jolly
1

голосов
2

ответ
1.7k

Просмотры

JQuery пользовательского интерфейс UI-автополная загрузка вертушка не останавливает / исчезает, когда найдены результаты

Я использую JQuery UI автозаполнения загрузку блесну в моем проекте, добавив .ui-автозаполнения заряжания класса. Когда я начинаю набирать в окне редактора, вертушка показывает, как ожидают. Если нет результатов матчей, нагрузка Spinner исчезает, который указывает на то, поиск завершен. Но если есть совпадение найдено, кок все еще показывает, даже после того, как выбор сделан. (См рис) Моя цель состоит в том, чтобы получить эти результаты: (при поиске полного или найдено, кок должен быть удален / остановлено) https://jqueryui.com/autocomplete/#multiple-remote Вот мой пример код: Вид: @model AutoCompleteInMVCJson.Models.City @ {ViewBag.Title = "www.myexample.com"; } .Ui-автополная загрузка {фон: белый URL ( "../ изображений / щ-anim_basic_16x16.gif") правая центральная не повторять; } $ (Документ). готовы (функция () {$ ( "# Name") автозаполнения ({источник:. Функция (запрос, ответ) {$ .ajax ({URL: "/ Home / Index", введите: "POST", DATATYPE: «JSON (. $ карта (данные, функция (пункт) {возвращение {метка: item.Name, значение: item.Name};}))», данные: {Префикс:: request.term}, успех функция (данные) {ответ }})}, сообщения: {noResults: "", результаты: ""}});}) Модель общественного класса Город {общественное ИНТ Id {получить; задавать; } Публичная строка Name {получить; задавать; }} Контроллер: [HttpPost] Индекс общественного JsonResult (строка Prefix) {// Обратите внимание: вы можете связать тот же список из базы данных списка ObjList = новый список () {новый город {Id = 1, Name = "Латур"}, новый город {Id = 2 , Name = "Мумбай"}, новый Город {Id = 3, Name = "Пуна"}, новый Город {Id = 4, Name = "Дели"}, новый Город {Id = 5, Name = "Дехрадун"}, новый Город {Id = 6, Name = "Нойды"}, новый город {Id = 7, Name = "New Delhi"}}; // Поиск записи из списка с помощью LINQ уага запроса CityName = (от N в ObjList, где N.Name.StartsWith (префикс) выберите новый {N.Name}); вернуться JSon (CITYNAME, JsonRequestBehavior.AllowGet); }} Как я могу решить эту проблему? Заранее спасибо.
Apple Juice
1

голосов
3

ответ
3.1k

Просмотры

JQuery: если элемент не содержит текст

Я пытаюсь написать заявление по аналогии: «если данный элемент не содержит следующий текст, сделать что-то». Я попытался с помощью: содержит в качестве таковых: Var openingHours = $ ( 'открытие-листинг: п-й ребенок (. + Новые Дата () getDay () + ')'.); если ($ (openingHours +.: содержит ( "Закрыто") ') длина> 0) {// Сделать что-то} Но я получаю ошибки синтаксиса. Кто-нибудь знает, что я сделал неправильно здесь, или, если есть лучший способ идти об этом?
MeltingDog
1

голосов
1

ответ
50

Просмотры

Удалить класс следующий DIV после 800 мс

Я пытаюсь добавить класс к следующему элементу после .color внутри родительского DIV, а затем после 800 милисекунд Я хочу, чтобы этот класс должен быть удален. Мой код выглядит следующим образом:.. $ ( "Цвет ") нажмите (функция () {$ (это) .next () addClass (" класс"); SetTimeout (функция () {$ (это) .next () .removeClass ( "класс");}, 800);}) Добавление класса работает нормально, но у меня есть проблемы с удалением. Проблема, вероятно, в рамках функции SetTimeout (), но я не могу понять это. Может быть, некоторые краткие пояснения могли бы мне помочь. Спасибо.
Jakub Voženílek
1

голосов
2

ответ
88

Просмотры

Clickable кнопка внутри таблицы

Я пишу вид составного списка информации о сотрудниках. Вид будет отображать информацию, такую ​​как имя, фамилия, имя, работу кода и т.д. ... Моя одна проблема заключается в том, что я хотел бы иметь булевы клетки быть интерактивными кнопками. Например: В столбце HasHealthcare будет содержать логические значения. Имя Фамилия HasHealthcare @for (INT I = 0; я <Model.Employees.Count; я ++) {@ Model.Employees [я] .FirstName @ Model.Employees [я] .LastName @ Model.Employees [I] .HasHealthcare Таблица : Имя | Фамилия | Имеет Healthcare Bob | Смит | Правда, я хотел бы «True», чтобы быть кнопка кликабельна, так что, если я нажму его появляется противоположное логическое значение.
HelpMyHospital
1

голосов
3

ответ
37

Просмотры

Удалить все теги с определенным текстом внутри как в JQuery и JavaScript

Я пытаюсь выяснить, как удалить все экземпляры из приведенного ниже HTML как в JavaScript и JQuery: какой-нибудь текст какой-нибудь текст какой-то текст текст Ближайший я мог бы прийти к было:. $ ( «# Тест») HTML ( ) .Надеть (/ / г, ''); // только удаляет, но не теги Как я могу: 1. Выберите все теги с в? (В обоих JS & JQ) 2. И удалить (предположительно, как это, но не мог проверить, как не может сделать 1 выше: JQ: el.remove (); JS: el.parentNode.removeChild (эш))? I «ве также попытался следующие, но безрезультатно: $ (» «) .replaceAll (» '); // терпит неудачу $ ( '# тест') HTML () вместо (»», '')..; // частично терпит неудачу $ ( '# тест') HTML () заменить (/ / г, '')..; // терпит неудачу $ ( "р: содержит ( ' ') ") заменить. ( '') // терпит неудачу $:'. (") ReplaceWith р содержит ('") ( ''); // терпит неудачу $ ( "р: содержит (» «)") удалить () // не удается.? // не может вар toRemove = $ ( "р: содержит (» «)"); $ ( '# Тест') удалить (toRemove). Может кто-нибудь объяснить, что я делаю неправильно здесь? Я хотел бы знать, почему. Спасибо за любую помощь здесь.
user8758206
1

голосов
4

ответ
41

Просмотры

Наведите курсор мыши на DIV, чтобы раскрыть вложенную оболочку с JQuery

Я думал, что это будет работать напрямую, но я должен быть что-то отсутствует. У меня есть вложенное срок содержания в DIV и я пытаюсь получить, что срок, чтобы показать на парении (и скрыть от отведения указателя мыши). Я думал, что просто делать $ (это) .find ( «имя-диапазона») внутри ahover` функции будет делать это, но что-то должно не быть. Это то, что у меня есть: HTML: название 01 название Ссылка 02 Ссылка JS: $ ( 'родитель-элемент.) Парить (функция () {$ (это) .find ( "мета - выявить.) Шоу (.. );}); Я думал, что должно работать, но опять же, я, вероятно, что-то отсутствует. Я также пытался сделать это с помощью CSS с соседним селектором родственного, но это не работает, либо.
ultraloveninja
1

голосов
5

ответ
95

Просмотры

показать или скрыть DIV, dependet на флажке

У меня есть флажок и под флажком ДИВА область, где я хочу показать выпадающий список и еще флажки. Эта область я хочу просто показать, когда первый флажок. Я уже попробовать его с style.display и она работает наполовину. Я могу отобразить вторую область, когда я установите флажок, но если я снимите его снова скрыть это не распространяется. То же самое, если я пытаюсь с JQuery (отправили обоих) // функции функции F2 functpe () {вар ТРОМ = document.getElementById ( "ТР"); если (tpe.checked == верно) {document.getElementById ( "делать") style.display = "блок". } Еще {document.getElementById ( "не делать") style.display = "нет". }} Функция functpe () {вар TPE = $ ( "# делать"); если (tpe.checked == верно) {$ ( "# делать") CSS ({ "дисплей": "блок"});. } Еще {$ ( "# делать") CSS ({ "дисплей": "блок".}); }} TPE Пример выбора 1 2 3 4 5 n1 n2 n3 Я надеюсь, что кто-то есть идея для меня
Josef
1

голосов
3

ответ
39

Просмотры

Как получить содержимое текста внутри текстовой области с Jquery, используя имя класса

У меня есть автоматически сгенерированное с текстовым полем именем класса, скажем, «х». Как получить текст внутри текстовой области, учитывая, что там будет только один элемент с именем класса «х» в этой странице. Я попробовал следующее и не могу сделать его работу. некоторое содержание $ (документ) .ready (функция () {Alert ($ () Вал ()) 'записную кодируемой. ';. предупреждение ($ () first.val ())' записную кодируемой.';. предупреждение ($ ( «записную кодируемой») текст ().);}) также как я обновить ту же область текста? любая помощь приветствуется. заранее спасибо.
Arun Laxman
1

голосов
6

ответ
64

Просмотры

После оповещения фокуса на поле ввода

У меня есть поле ввода и кнопка, после нажатия на поле ввода я проверить, если поле ввода пусто, то быстрое и окно предупреждения я использую Jquery-conferm иметь некоторые пользовательские окна оповещения и conferm, но после предупреждения, когда я нажимаю на ках Я пытаюсь сосредоточиться на том поле, которое пусто, но это не работает сниппетов $ ( "# обновление"). нажмите (функция () {если ($ ( '# itemNameInput'). Val () == '') { $ .alert ({название: 'Тревога!', содержание: 'Пожалуйста, введите имя элемента'});. $ ( '# itemNameInput') фокус (), возвращение ложным;}}); Название товара Обновление Я написал код для фокусировки обратно в поле ввода, но он не работает
1

голосов
2

ответ
92

Просмотры

I am getting io not defiend error in my socket.io client

This is my server side code for creating connection to the socket.I am using node.js code and using socket.io in that. const path = require('path'); const http = require('http'); const express = require('express'); const socketIO = require('socket.io'); const port = process.env.PORT || 3000; var app = express(); var server = http.createServer(app); var io = socketIO(server); io.on('connection', (socket) => { console.log('New user connected'); }) and this is my client side code i am using plain javascript as a client and I am using 2.1.1 version of socket.io, I am getting io not defiend error,I am very new to socket.io please help me one this one. $(document).ready(function(){ var socket = io('http://localhost:3000'); console.log("Socket connected"+socket.connected); socket.on('notification', function(value){ //insert your code here }); });
nitish
1

голосов
2

ответ
107

Просмотры

Updating class of parent element jquery

Я пытаюсь обновить родительский класс CSS селектора. Вот мой код, который представляет собой таблицу log.example.com api.example1.com mail.example.com Это то, что я использую, чтобы проверить на логическое условие $ (документ) .ready (функция () {$ ( "вход . [тип = 'флажок'] ") нажмите кнопку (функция (событие) {если ($ (это) .а ( ': проверено')) {домен вар = $ (это) .val (); // предупреждение (домен ); $ .getJSON ( '? call.php представить = отправить & домен =' + домен, функция (данные) {результат вар = data.is_vuln; console.log (результат), если (результат == "истина") {консоли. журнал ( "линия выполнена");. // Запускает $ (это) .parent () родителя () addClass ( "таблица-успех");.}});}});}); Я пытаюсь сделать что если условие BOOL, возвращается через JSON верно, то он должен изменить класс строки для таблицы-успеха. Но я не имею никакой удачи здесь. Ничто не приходит в консоль для истинного и ложного возвращения из JSON за исключением.
M.S.P
1

голосов
4

ответ
1.7k

Просмотры

Выбор опции в выпадающем меню на основе значения узла?

Есть ли способ, чтобы установить значение списка в JQuery (или Javascript) на основе значения узла? Animal Kingdom Epcot Hollywood Studios Волшебного Королевство Downtown Disney Мне было бы нужно установить опцию Волшебного Королевства, так что-то вроде:. $ ( «# DdlLocation») Вал ( «Волшебное Королевство») Так что Волшебное Королевство станет выбранным элементом, что не работает, как ожидалось. Есть идеи?
Tim Ferrell
1

голосов
3

ответ
1.1k

Просмотры
0

голосов
0

ответ
21

Просмотры

Как сохранить изображение в папке временных

Для принятия скриншот DIV используется domtoimage.js File, https://ourcodeworld.com/articles/read/38/how-to-capture-an-image-from-a-dom-element-with-javascript с помощью этого файл загрузки, но как сохранить этот файл в папку темп перед загрузкой. Функция exportAsImage () {результат вар = $ ( '# dashboardChartData') текст (). . Вар nameOfChart = $ ( '# exportAsImage') Вал (); вар узел = document.getElementById ( "dashboardChartData"); если (result.trim () = "Нет данных.") {$ ( '# SimpleModal-Перекрытие) CSS ( 'дисплей', 'блок'). domtoimage.toPng (узел) .then (функция (dataUrl) {вар IMG = новое изображение (); img.src = dataUrl; вар ссылка = document.createElement ( "а"); link.download = nameOfChart + "PNG."; $ ( 'SimpleModal-накладка #'). CSS (» дисплей», 'ни'); link.href = img.src; localStorage.setItem (img.src, link.download); link.dispatchEvent (новый MouseEvent ( `click`, {пузыри: правда, отменяемый: истинно, вид: окно})); link.remove (); })} Еще {bootbox.alert ({размер: 'маленький', название: 'Предупреждение', сообщение: "Доступные Нет данных"}); }}
Amigo
0

голосов
1

ответ
18

Просмотры

Как предварительно выбрать в MULTISELECT окне [дублировать]

Этот вопрос уже есть ответ здесь: Javascript / JQuery: Set Values ​​(выбор) в множественном выборе 7 ответов я хочу предварительно выбрать из идентификатора (195,197,120) с помощью кода на нагрузке в MULTISELECT поля coresponding ID 195197120 будет предварительно выбран Aaban Билал Aabid Икбал Aadan parvaiz шах Aadil Башир Aaksa Iqbol Аамир Shabir Aasma Захуры Aathir шах Бхат Aatif Dar Aatif Манзуры Abrar Mushtaq Аднан Джавид Аднан Амин Аднан Iqbal Аднан Mushtaq PIR Аднан Назир-107 Afhan Mudasir Ahsan Юзуф Айджаз Ах Малик
PARTHA DEY
-1

голосов
0

ответ
51

Просмотры

How to remove headers in table

I am trying to delete headers in table but i am getting error in browser console like TypeError: n[m] is undefined[Learn More] jquery.dataTables.min.js:62:196 I am trying to get headers dynamically... first time while page loading i am getting some header columns... after click on search button i am trying to get new headers in this time old headers and new headers conflicting. In if condition i am trying to removing tr in thead but not working. What's wrong in my code? var my_columns = []; $.getJSON('/getHeaders?type=' + type + "&name=" + filter, function(data1) { var iter = 1; $.each(data1.data[0], function(key, val) { // alert(key.replace(" ","")+" : "+val); var my_item = {}; my_item.data = key.replace(" ", ""); my_item.title = val; my_item.name = val; if (iter > 7) { my_item.className = "none"; } iter++; my_columns.push(my_item); //alert(my_item.data); }); $.fn.columnCount = function() { return $('th', $(this).find('thead')).length; }; var colctr = $('#TotalTable').columnCount(); alert('No of Columns:' + colctr); if (colctr != '0') { alert("Deleting..."); $("#TotalTable thead tr").remove(); } var table = $('#TotalTable').DataTable({ "ajax": "/Total?from=" + from + "&to=" + to, /*"contentType" : "application/json",*/ "bDestroy": true, "serverSide": true, "columns": my_columns, "lengthChange": false, "searching": false, dom: 'trp' });
niteesh
1

голосов
1

ответ
49

Просмотры

изображение Carousel является больше я ожидал

изображение Carousel является больше я ожидал. Мой код * {маржа: 0; обивка: 0; } .Menu {фонового цвета: серый; ширина: 500px; высота: 100%; плыть налево; } .Title {цвет: белый; Размер шрифта: 30px; Маржа: 0px 5px; Левое поле: 40px; выравнивания текста: центр; } {.First обивка-топ: 30px; } HTML, тело, .menu {высота: 100%; } {Тело поле: 0; } {.Relative положение: относительная; } {Литий список-стиль: нет; } Li а {дисплей: блок; текст-отделка: нет; белый цвет; выравнивания текста: центр; Размер шрифта: 20px; } Ли с IMG {ширина: 100%; высота: 100%; } .Float-вправо {ширина: Вычислено (100% - 500px); переполнение: скрытый; плавать: право; } SITE Главной Детали, когда я запускаю этот веб-сайт, изображение Carousel является больше, чем исходное изображение, как желтая стрелка в изображении. (Она не показывает изображение ...) Я хочу поместить карусель в браузере оставшейся площади размера и имиджа Carousel в в корректируются на 100% в этом районе. Так что я действительно не могу понять, почему изображение Carousel является zoomed.When я писал в HTML, как происходит такая же ситуация.
user8817674
1

голосов
2

ответ
62

Просмотры

добавить / removeClass Безразлично `работы на iPhone

Это корректно работает в браузере, но не работает на iPhone. Также я использовал вар $ событий = ($ ua.match (/ (Айпод | iPhone | IPad) / я))? "Touchstart": "нажмите"; Он также Безразлично `работа на iPhone HTML Привет CSS .mod_section.active {дисплей: нет; } .Mod_section {дисплей: блок; } JQuery функция мод () {$ ( 'mod_section. ') AddClass (' активный'). }
Eric Lee
1

голосов
0

ответ
34

Просмотры

JQuery DataTable, чтобы выбрать только те строки, которые имеют последние флажки статус изменился

Код прилагается. Я могу получить статус (истина / ложь) флажков. Теперь мой вопрос .. Вопрос: Как я могу получить строки только со статусом изменен чекбокс? Не все. Только получил никакого улучшения кода для моих ниже функции Btn_SaveOrganizationsRights. Любая оптимизация. Функция К сожалению .access ракурса и т.д. классы не привязаны к флажкам. Но думаю, что присоединенные :) $ ( '# Btn_SaveOrganizationsRights') на ( 'нажмите', функция (е) {e.preventDefault ();. Сетка = новый Array (); вар Идентификатор роли = 12;. OrganizationsTable.rows () экв ( 0) .each (функция (индекс) {вар строка = organizationsTable.row (индекс); вар orgId = row.data () orgId;.. вар hasAccessView = строка $ ( 'доступ вид', строка) .а ( ': проверено'); вар hasCreateView = строка $ ( 'доступа создать.', строка) .а ( '.: проверил '); . Вар hasEditView = строка $ ( 'доступ редактирование', строка) .а ( ': проверен'); . Вар hasDeleteView = строка $ ( 'доступ удаление', строка) .а ( ': проверен'); . Вар hasAuthView = строка $ ( 'доступ-аутентификация', строка) .а ( ': проверен'); . Вар hasPublishView = строка $ ( 'доступ публиковать', строку). ( ': Проверена'); Сетка [индекс] = + Идентификатор роли "" + orgId + "" + hasAccessView + "" + hasCreateView + "" + hasEditView + "" + hasDeleteView + "" + hasAuthView + "" + hasPublishView; }); DataTable вар organizationsTable = $ ( "#") организации DataTable ({ "обработка":. Правда, "фильтр": правда, "пейджинг" ложь "информация": правда, "Поиск": правда, "orderMulti" ложь "aaData": myjson, "columnDefs": [{ "мишень": [0], "видимый": правда, "поиск": ложная,}, { "мишень" : [1], "видимый": правда, "поиск": ложные,}, { 'цели': 2, "упорядочиваема" ложь 'имя класса': 'centert выравнивания', визуализации: функция (данные, тип, строка) {возвращать данные; }}, { 'Цели': 3, "упорядочиваема" ложь, 'Имя класса': 'centert выравнивания', визуализации: функция (данные, тип, строка) {если (тип === 'дисплей') {возвращение ''; } Возвращать данные; }}, { 'Цели': 4, "упорядочиваема" ложь 'имя класса': 'centert выравнивания', визуализации: функция (данные, тип, строка) {если (тип === 'дисплей') {возвращение ' «; } Возвращать данные; }}, { 'Цели': 5, "упорядочиваемы" ложь 'имя класс': 'centert выравнивание', визуализации: функция (данные, тип, строка) {если (тип === 'дисплей') {возвращение ''; } Возвращать данные; }}, { 'Цели': 6, "упорядочиваема" ложь 'имя класса': 'centert выравнивания', визуализации: функция (данные, тип, строка) {если (тип === 'дисплей') {возвращение ' «; } Возвращать данные; }}, { 'Цели': 7, "упорядочиваема" ложь 'имя класса': 'centert выравнивания', визуализации: функция (данные, тип, строка) {если (тип === 'дисплей') {возвращение ''; } Возвращать данные; }}, { 'Цели': 8, "упорядочиваема" ложь 'имя класса': 'centert выравнивания', визуализации: функция (данные, тип, строка) {если (тип === 'дисплей') {возвращение ' «; } Возвращать данные; }}], "Столбцы": [{ "данные": "Идентификатор роли"}, { "данные": "orgId"}, { "данные": "имя"}, { "данные": "viewAccess"},
Ali
1

голосов
1

ответ
67

Просмотры

JQuery Прикованный - не работает на прошивке

Я использую этот плагин, чтобы получить прикован выберите х. Он работает с настольным браузером (FF, Chrome, и т.д ...), но когда я хочу использовать его на моем iPhone это не работает. Я могу выбрать параметры из первого выбора (например, город). Когда я выбираю город, мой второй выбор должен иметь местные житель из этого города и то, что не работает на IOS, второй выбор отключаются все время. Я попытался изменить цепочечный код и добавлен кран, touchstart, но это не помогает. $ ( "#" Местные жители) прикован ( "# город"). Выбрать город Город A Город B Выберите местный Местный Местный A-1 Местное B-1 Local B-2 Local B-3
MMPL1
16

голосов
3

ответ
6.2k

Просмотры

JQuery в Greasemonkey 1.0 конфликтует с веб-сайтов с помощью JQuery

С тех пор новый Greasemonkey 1.0 был выпущен несколько дней назад, каждый сайт, который имеет JQuery и где я использую JQuery в моей Greasemonkey скрипт не запустить мой скрипт правильно. JQuery У меня есть в моем GS сценарий (с использованием метаданных @require) конфликты с JQuery страницы. Это связано с новым @grant кодом. Я прочитал документацию, но до сих пор не знаю, как запускать скрипты в GS снова песочнице; единственные варианты, как представляется, либо предоставить доступ к API GS или предоставить его нет, и запустить скрипт без каких-либо ограничений безопасности, которая не работает вообще для меня, когда я разработал свои десятки сценариев GS для запуска С ограничениями безопасности и как это таким образом.
Gary
1

голосов
1

ответ
72

Просмотры

Скрытие некоторых символов в адресной строке с помощью JQuery

У меня есть URL, как www.abc.com/some_folder1/some_folder2/page.php есть какие-то способы, чтобы скрыть «some_folder1 или 2» в URL, а это отображение на адресной строке, как: www.abc.com/some_folder1/page .php или www.abc.com/some_folder2/page.php (надо просто скрыть «сохраняя его функциональные возможности неповрежденные»)
Deepak Bharadwaj
1

голосов
0

ответ
36

Просмотры

как проверить свой код входа, который может быть телефон или по электронной почте с помощью проверки Jquery

для моего экрана входа в систему, пользователь может войти в систему, используя свой адрес электронной почты или номер телефона. Здесь я использую плагин проверки JQuery. Ниже мой код: $ ( 'Login-формы.') Проверки ({errorElement:. 'Интервал', // по умолчанию входа сообщения об ошибке контейнер errorClass: 'помощь-блок', // класса по умолчанию сообщения об ошибке ввода focusInvalid: ложь, // не фокусируются последние правила недействительны ввода: {имя пользователя: {требуется: правда, phoneUS:. функция () {вар а = document.getElementById ( "Имя пользователя") значение; console.log (а); вар фильтр = / ^ ((\ + [1-9] {1,4} [\ -] *) | (\ ([0-9] {2,3} \) [\ -] *) | ([0-9] {2,4}) [\ -] *) * [0-9] {3,4} [\ -] * [0-9] {3,4} $ /;??? вар г = filter.test (а); console.log (filter.test (а) == TRUE); если (filter.test (а) == TRUE) {возвращает истину; } Вернуться ложным; .}, Адрес электронной почты: функция () {вар а = document.getElementById ( "Имя пользователя") значение; вар регулярное выражение = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9] {2,4}) + $ /; вар Re = regex.test (а); console.log (regex.test (а) == TRUE); если (regex.test (а) == TRUE) {возвращает истину; } Вернуться ложным; }}, Пароль: {требуется: истинно}, помните: {требуется: ложь}}, сообщения: {имя пользователя: {требуется: "Имя пользователя требуется." }, Пароль: {требуется: "требуется пароль." }}, Если я введите адрес электронной почты еще его запрашивает номер телефона и наоборот, мое требование, если я вхожу по электронной почте необходимо проверить правильность формата электронной почты не для телефона и так же в случае телефона, Может ли мне помочь
1

голосов
0

ответ
373

Просмотры

Добавление легенды в виде круговой диаграммы в chart.js

Я использую chart.js добавить в легенде к моей круговой диаграмме, но потому, что я эта ссылка, https://jsfiddle.net/red_stapler/9931gjh6/11/, чтобы сделать это, я не уверен, как это работает. К сожалению, я только начал изучать, как создать круговую диаграмму таким образом, есть много вещей, которые я еще слаб. Я хочу, чтобы в моей легенде, где он показывает красным, как количество опасной зоны, желтое, как нормальная зона и зеленая, как безопасная зона. Пример что-то вроде этого: красный цвет -> будет сказать, «300% находятся в опасной зоне» Я знаю, что для chart.js я должен использовать что-то вроде этого, а потому что это совершенно разные по ссылке, которую я использовал, я не уверен, , Так что кто-то может мне помочь? Большое спасибо Первоначально: вар диаграмма = новая диаграмма (CTX, {типа: 'строка', данные: данные, параметры: {legendCallback: функция (график) {// Возвращает строку HTML здесь. }}}); Так как создать легенду, основанную на jsfiddle?
blastme
1

голосов
0

ответ
26

Просмотры

Изменение изображения при ДИВ активен на SlideToggle

Я в настоящее время есть установка с тремя отдельными кнопками, которые открываются три дивы. Я хочу, чтобы один DIV (а именно lockedin) должен быть открыт в начале. Кроме того, дивы должны закрываться, когда другой открываются с помощью кнопок, которые я достиг в настоящее время. Существует еще одна вещь, которую я требую, и, кажется, не может заставить работать должным образом. Есть ли способ, чтобы показать, какой DIV активен в данный момент? Поэтому, когда страница загружена, button2 показывает заполненную оранжевую кнопку (которая у меня есть, как изображение), а две другие кнопки показывают заливку белой кнопки. Когда другой DIV выбран с помощью, например, кнопки 1, кнопка 2 следует изменить на белых заполненные кнопки, и кнопка 1 изменится на оранжевую кнопку заполнена. У меня есть изображение SRC, но просто не знаю, как выбрать изображение, основанное на активном состоянии его данных дел. Заранее спасибо. JQuery (документ). }); // Конец Jquery}); .product {дисплей: нет; Цвет: желтый; } .Lockedin {цвет: желтый; } .Product_active {дисплей: нет; } .developers {дисплей: нет; Цвет: желтый; } Testdiv1 Testdiv2 Testdiv3
Luuk van Driel
1

голосов
0

ответ
329

Просмотры

Bootstrap 4 Active Tab на основе ссылки

Я хотел бы, чтобы активировать вкладку, когда конкретная ссылка щелкнула. Это код sniopet от начальной загрузки. Главная Профиль Контакт ... ... ... Я попытался с помощью JQuery: $ ( "вкладки-панели. ") RemoveClass (" показать активный");. $ ( "#" + ActiveTab) .addClass ( "показать активный"); но он не работает вообще, любая помощь? Спасибо
Andy Andy
1

голосов
3

ответ
123

Просмотры

Как узнать, откуда element.style применяется в CSS

У меня есть класс, в котором element.style {} становится применяется из .js файла. Могу ли я знать, как знать точный .js файл, из которого она выходит применяется и строка кода? Ниже сс прилагается.
merilstack
1

голосов
1

ответ
406

Просмотры

Datatable как передать данные от входа к контроллеру

{ '_Token': $ ( 'вход [имя = _token]') Val (), 'currentid':. Идентификатор, 'current_vendor_name': $ ( '# продавца VENDOR_NAME') Val (),.}, Успех: функция (данные ) {console.log (данные); }}); });
Hala ways
1

голосов
0

ответ
272

Просмотры

Материализовать данные автозаполнения не показывая должным образом

Рассмотрим этот образ. Как вы можете видеть, ребята, значение автозаполнения не отображается должным образом. Я пробовал много вещей, как увеличить ширину и высоту или сделать значение данных меньше, но без успеха. Я взял код с сайта материализовать. HTML код: Отъезд код JavaScript: вар airportsinfolabels = {}; для (вар я = 0; г <t.length; я ++) {airportsinfolabels [т [я] .airportCode + "[" + T [I] .airportName + "]"] = NULL; //countryArray[i].flag или нулевой} $ ( 'input.autocomplete') автозаполнения (. {данные: airportsinfolabels, предел: 1, onAutocomplete:. Функция (значение) {// Функция обратного вызова, когда значение autcompleted},} ); Любая идея, что это может быть? Смотрите эту ссылку тоже.
Nikos Grasidis
1

голосов
2

ответ
54

Просмотры

Как можно вернуть входной регистр, используя только массив строчных слов в Jquery textcomplete?

Я использую JQuery textcomplete в моем проекте. Можно ли вернуть входной регистр, используя массив слов только в нижнем регистре. Я посмотрел в Google Translate приближенного функционального и там тоже результат ввода не возвращается на входе. Там, поиск выполняется с любым регистром ввода слова, но будет возвращать только в нижнем регистре. Как сделать так, чтобы при вводе слова, как «Stackoveflow», имеющими слова в слове массива [ «»] StackOverflow возвращается результат во входном регистре. . Код $ ( 'форма контроля ') textcomplete ([{слова: [' StackOverflow', 'ҳайрат', 'английский', 'маҳорат'], матч: / (^ | \ S *) ([^ \ u0000 - \ u007f] {2} | \ ш {2}) $ /, поиск: функция (термин, обратного вызова) {this.words = this.words.map (ы => s.toLocaleLowerCase ()); обратного вызова ( $ .map (this.words, Функция (слово) {вернуться word.indexOf (term.toLocaleLowerCase) () === 0? слово: нуль; })); }, Индекс: 2, заменить: функция (слово) {возвращение слово + ' «; }}]); Пример Как возвращать тот же результат при вводе в то время как в массиве слова будут находиться в нижнем регистре. Например: Вход: Stackoverflow, StackOverflow, Ҳайрат, ҲАЙРАТ выход: Stackoverflow, StackOverflow, Ҳайрат, ҲАЙРАТ рабочего код для возврата входного слова в нижнем регистре $ ( 'формы контроля.) Textcomplete ([{слова:. [' StackOverflow' , 'ҳайрат', 'английский', 'маҳорат'], матч: / (^ | \ S *) ([^ \ u0000- \ u007f] {2} | \ ш {2}) $ /, поиск: функция (термин, обратный вызов) {this.words = this.words.map (s => s.toLocaleLowerCase ());. Обратный вызов ($ карта (this.words, функция (слово) {вернуться word.indexOf (термин. toLocaleLowerCase ()) === 0? слово: нуль; })); }, Индекс: 2, заменить: функция (слово) {возвращение слово + ' «; }}]); Этот код будет искать типизированных слова в любом случае, но вернуться в нижнем регистре из массива со словами. Пример, если мы наберем «английский» конечный результат будет «английским». Необходимый результат должен быть во входном случае «English».
John
1

голосов
0

ответ
89

Просмотры

WebGL - Ошибка пользовательские сообщения с детектором вызывает смещение правого меню

На следующей ссылке, я пытаюсь вставить пользовательское сообщение, когда WebGL не активируется в браузере, где анимация должна быть запущена: [ссылка для тестирования и видеть вопрос] [1] Чтобы увидеть сообщение об ошибке WebGL, вы должны desactivate WebGL в вашем браузере. Я обнаружить не-активации и отображения сообщения вроде этого: // WebGL сообщение, если (Detector.webgl!) {Вар сообщение = Detector.addGetWebGLMessage ({идентификатор: "WebGL-сообщения об ошибке", родитель: mainContainer}); } С детектором, определенным в этот файл [JavaScript] [2]: вар детектор = {холстом: !! window.CanvasRenderingContext2D, WebGL: (функция () {попробуйте {уаг холст = document.createElement ( 'холст'); возвращение !! (window.WebGLRenderingContext && (canvas.getContext ( 'WebGL') || canvas.getContext ( «экспериментальное -webgl»))); } Поймать (е) {вернуться ложным; }}) (), Работники: !! window.Worker, FileAPI: window.File && window.FileReader && && window.FileList window.Blob, getWebGLErrorMessage: функция () {вар элемент = document.createElement ( 'DIV'); element.id = 'WebGL-сообщения об ошибке'; element.style.fontSize = '15px'; element.style.fontWeight = 'нормальный'; element.style.textAlign = 'центр'; element.style.background = '#fff'; element.style.color = '# 000'; element.style.padding = '1.5em'; element.style.width = '300px'; element.style.margin = '5em авто 0'; если (! this.webgl) {element.innerHTML = window.WebGLRenderingContext? [ ' Ваша видеокарта, кажется, не поддерживает WebGL. ',' Узнайте, как получить его здесь. ] .Join ( «\ п»): [ «Ваш браузер не кажется, поддерживает WebGL.», 'Узнайте, как получить его здесь. ] .Join ( '\ п'); } Вернуть элемент; }, AddGetWebGLMessage: функции (параметры) {вар родитель, идентификатор, элемент; Параметры = Параметры || {}; Родитель = parameters.parent! == неопределенный? parameters.parent: document.body; ID = parameters.id! == неопределенный? parameters.id: 'старичок'; Элемент = Detector.getWebGLErrorMessage (); element.id = ID; parent.appendChild (элемент); }}; // browserify поддержка, если (TypeOf модуль === 'объекта') {module.exports = детектор; } Моя проблема заключается в том, что белый Сообщение об ошибке вызывает смещение правого меню в модальном окне, это показано на следующем рисунке: Как правило, меню справа находится в правой верхней части модального окна. Сообщение об ошибке WebGL находится справа и хотел место, но не в этом меню. Как предотвратить эту перемену? На данный момент, я не знаю, как это исправить, если кто-то может помочь мне, это было бы неплохо. UPDATE 1: При осмотре с Chrome на, я получаю следующее изображение: Как вы можете видеть, этот контейнер занимает всю ширину модального окна, и я стараюсь, чтобы уменьшить эту ширину (300px здесь), но безуспешно. Осмотрены элемент (как вы можете видеть на рисунке) имеет следующие свойства: element.style {размер шрифта: 15px; начертание шрифта: нормальный; выравнивания текста: центр; фон: RGB (255, 255, 255); Цвет: RGB (0, 0, 0); обивка: 1.5em; ширина: 300px; Маржа: 5em авто 0px; } Каждый имеет представление о том, чтобы сделать уменьшить ширину? Я думаю, что не перенесет этот путь меню справа. UPDATE 2: выпуск фиксированной установкой для глобального # Ui контейнера: # глобально-щ {позицию: абсолютная; топ: 10px; право: 10px; }
youpilat13
1

голосов
0

ответ
64

Просмотры

функция JQuery не работает при наведении курсора мыши и выберите состояние

Создание нового сайта и пытается повторно использовать JavaScript с текущего сайта, что изменение изображения при наведении курсора мыши. У меня есть трудное время, чтобы понять, JavaScript, поэтому я надеюсь, что кто-то может помочь мне узнать, что я отсутствует или делаю неправильно. Текущий сайт (где я скопировал с) имеет много больше скрипт работает, и я не знаю, если какой-либо другой сценарий отсутствует. Я попытался изменить инициализирующую часть сценария, чтобы соответствовать новому сайту. Пожалуйста, посмотрите на puzzlepiece на текущей странице. http://www.collyfiltreringsteknik.se. Я получил сценарий работает в точке, где она добавляет четыре «квадроциклов» дивы но MouseOver и нажмите функция не работает. Это Код HTML JQuery часть (функция ($) {$ .fn.extend ({companyvalues: функция (kwargs) {VAR по умолчанию = {static_base: ''}; Варианты вар = $ .extend (по умолчанию, kwargs); вернуться this.each (функция () {вар Obj = $ (это); вар деления = $ ( 'DIV', объект); вар = $ верхнее-левое ( ''); вар topright = $ ( ''); вар bottomleft = $ ( ''); вар bottomright = $ ( ''); obj.prepend (bottomright); obj.prepend (bottomleft); obj.prepend (topright); obj.prepend (верхнее-левое); вар дивы = $ ( 'DIV .quad 'объект); $ ([ '/uploads/pages/varden_0000_yellow.png', '/uploads/pages/varden_0001_red.png', '/uploads/pages/varden_0002_green.png',' . /Uploads/pages/varden_0003_blue.png»]) преднагрузки ({base_url: options.static_base}); divs.mouseover (функция (событие) {вар пункт = $ (это); вар data_image = item.attr ( 'данных изображения'); div.addClass (data_image); event.preventDefault (); event.stopPropagation (); }); divs.mouseout (функция (событие) {вар пункт = $ (это); div.removeClass ( 'i0000'); div.removeClass ( 'I0001'); div.removeClass ( 'I0002'); div.removeClass ( 'i0003 «); event.preventDefault (); event.stopPropagation (); }); divs.click (функция (событие) {вар пункт = $ (это); вар HREF = item.attr ( 'данных HREF') document.location.href = HREF; event.preventDefault (); event.stopPropagation (); }); }); }}); }) (Jquery); Инициализация сценария. $ (Документ) .ready (функция () {$ ( '#') companyvalues ​​companyvalues ​​();}.); }) (Jquery); Инициализация сценария. $ (Документ) .ready (функция () {$ ( '#') companyvalues ​​companyvalues ​​();}.); }) (Jquery); Инициализация сценария. $ (Документ) .ready (функция () {$ ( '#') companyvalues ​​companyvalues ​​();}.);
perqedelius

Просмотр дополнительных вопросов