Я новичок в JS и мне нужна помощь!

Ryasik28

всем привет Я новичок в Java-скриптах и недавно работаю над проектом, его интерактивное перетаскивание, и коды загружают случайное фоновое изображение и gif в каждом поле перетаскивания.

в Google Chrome все работает нормально, но проект не загружает фоны в Firefox.! что-то не так с кодами или фаерфоксом?!

  stop: function(event, ui) {
var images = ["1.jpg","2.jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg","9.jpg","10.jpg","11.jpg","12.jpg","13.jpg","14.jpg","15.jpg","16.jpg","17.jpg","18.jpg","19.jpg","20.jpg","21.jpg","22.jpg","23.jpg","24.jpg","25.jpg","26.jpg","27.jpg","28.jpg","29.jpg","30.jpg","31.jpg"];
 var offset = ui.box.offset();
 var a = "ui.box.width()";
 var b = "ui.box.height()";

var pic = images[Math.floor(Math.random()*images.length)];
 document.getElementById("mmmsh").style.opacity= i;
 vid.volume = i;
 uvid.volume = u;

 ui.box.css({
 background:" url('images/de3.gif'), url(images/" + pic + "),",
 backgroundRepeat: 'no-repeat',
 borderImage: "url(images/17.jpg) 10 10 round",
 borderImageSlice: "1% 1%",
 backgroundSize: "85.3% 27.3% , 100% 100%",
 borderTopWidth: "1em 1em",
 paddingleft: "100em 100em",
 })

 }

Код (разметка): спасибо!

KsushaKvasova

привет

спасибо за повтор

как я вижу, все эти коды отлично работают в Chrome!

Переменные I и U используются для изменения громкости звука на странице, и они отлично работают в Firefox и Chrome, единственное, что не работает в Firefox, — это два фона и их загрузка!

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

одно — случайное изображение, второе — gif, и я настраиваю стили друг друга, используя пробел, например «paddingleft: «100em 100em»,

", возможно, вы знаете лучший способ работы с Firefox.

Спасибо

Msk1

Вы внесли предложенные мной изменения? Специально

 
background:" url('images/de3.gif'), url(images/" + pic + ")",

Код (разметка): to

  background:" url('images/de3.gif'), url(images/" + pic + "),",

Код (разметка): я не могу воспроизвести весь ваш код, поэтому не могу отладить себя. Я предполагаю, что проблема связана с CSS.

FixMobile77

это jQuery, а не чистый javascript.

если это работает в Chrome, вам, вероятно, следует искать решение фоновой проблемы в CSS, а не в JavaScript. Нужна ли запятая перед последними кавычками? Также перед первым URL-адресом есть пробел, который, возможно, не является проблемой, но я думаю, что это неправильно.

Кроме того, второй URL-адрес не заключен в кавычки, но это, вероятно, не проблема, но проверьте.

 
paddingleft: "100em 100em",

Код (разметка): Также здесь

  document.getElementById("mmmsh").style.opacity= i; vid.volume = i; uvid.volume = u;

Код (разметка): откуда берутся переменные i и u? Я не вижу в них определенных определений.

Может быть глобальным или определенным ранее в функции? Запятая здесь неправильная:

  background:" url('images/de3.gif'), url(images/" + pic + "),",

Код (разметка):

Похожие темы	Дата
[javascript] Javascript, Dom, Интерфейсы - Кантор (2015)	19.12.2024, 05:12
[cbs] Angular Js	19.12.2024, 05:12
Vue.js От Дмитрия Лаврика	19.12.2024, 05:12
Торjаvа Maven/ Spring/ Security/ Jpa(hibernate)/ Rest(jackson)/ Bootstrap(css)/ Jquery	19.12.2024, 05:12
Datepicker отключил даты из текстового файла	19.12.2024, 05:12
Проблемы с областью просмотра с помощью JavaScript	19.12.2024, 05:12
Справка по следованию курсора Div	19.12.2024, 05:12
Выбор цвета выделения	19.12.2024, 05:12
[Udemy] Vue.js 2.5 Создаем сайт на Vue.JS с Firebase, Vuex и Router	19.12.2024, 05:12
Попов JavaScript+Jquery	19.12.2024, 05:12

Я новичок в JS и мне нужна помощь!

Ryasik28

KsushaKvasova

Msk1

FixMobile77

I AM

Интересно