Я использую перо для галереи изображений, но это вызывает ошибку, когда я нажимаю на поле ввода в форме (не модальное) - PullRequest
0 голосов
/ 01 июня 2019

У меня есть изображения, появляющиеся в повторяющейся области - каждый регион является набором записей предмета на аукционе.

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

Как только я щелкаю внутри поля ввода, прежде чем даже вводить сумму в долларах с формой, которая еще не была отправлена, каким-то образом перьевое освещение мешает и выдает ошибку: «Featherlight: фильтр содержимого не найден (цель не указана)».

Чтобы быть ясным: форма не появляется в модальном окне ... и нет никакой связи между формой и пером, кроме того факта, что форма находится внутри раздела, который содержит это: данные -featherlight-gallery data-featherlight-filter = "a.gallery" .

Я не уверен, почему это вмешательство вообще.

Я искал в Интернете, и некоторые люди упоминали, что использование идентификатора может быть проблемой, поэтому я удалил идентификатор ввода текста и оставил только имя, но ошибка сохраняется.

Я нашел страницу на github "формы с динамическим содержимым, невозможным в перьевом свете?" в https://github.com/noelboss/featherlight/issues/122 но в то время как название звучит многообещающе, комментарии в основном за пределами меня и, кажется, не имеют отношения к моей ситуации

<form id="encanform<?=$cordre?>" name="encanform<?=$cordre?>" action="encan.php" method="post" onSubmit="storeValues(this);miseNote(<?=$latestbid+10;?>,'<?=$lang?>',this.form.miseamount.value)" class="encanclass">


<input type="text" required class="frmess" name="miseamount" title="This field is required." value="" />


var cordre = 'section#<?=$cordre?> a.gallery';
$(document).ready(function(){
$(cordre).featherlightGallery();
});

Каждый раз, когда я нажимаю на поле, возникает ошибка:

Featherlight: фильтр содержимого не найден (цель не указана)

Несмотря на то, что перовой свет должен быть связан только с галереей, поле ввода / форма привлекает его внимание.

Заранее спасибо за ваше время!

1 Ответ

0 голосов
/ 03 июня 2019

ОК, наконец-то мне все удалось. Мне пришлось удалить строку data-featherlight, которая связывала все, даже если я указывал только ссылки с классом галереи.

Но, удалив его из HTML и применив класс только к ссылкам на изображения, а затем указав правильный селектор в jQuery, исправил это для меня.

В любом случае, спасибо!

...