1 Тема від GeoNik

  • GeoNik
  • Користувач
  • Поза форумом
  • Дата реєстрації: 14.01.2018
  • Повідомлень: 1
    • Репутація: 1

Тема: Не сприймається стиль за класом у JS

Допоможіть будь ласка розібратися в чому справа і як правильно написати.
Коли пишу у JS блоці таке:

 "<p>" + data.title + "</p>";

то все працює, а коли так 

"<p class="popup1">" + data.title + "</p>";

то отримую помилку Unexpected identifier.

Ось повний код CSS:

p.popup1 {
    color: red; 
    font-family: Arial, sans-serif; 
    font-size: 90%; 
   }

та JS:

IncLayer.eachLayer(function (layer) {
        arrowOptions = {
            distanceUnit: 'km',
            isWindDegree: true,
            stretchFactor: 1,
            color: '#e75025',
            popupContent: function(data) {
                return "<p class="popup1">" + data.title + "</p>";
            },
            arrowheadLength: 0.05
        };
Подякували: FakiNyan1

2 Відповідь від FakiNyan

  • FakiNyan
  • FakiNyan
  • Робітниця.
  • Поза форумом
  • Дата реєстрації: 27.06.2013
  • Повідомлень: 14 116
    • Репутація: 5674

Re: Не сприймається стиль за класом у JS

"<p class="popup1">" + data.title + "</p>";

ви використовуєте подвійні штучки всередині подвійний штучок, а саме тут

"popup1"

ви можете переписати це як

"<p class="+"popup1"+">" + data.title + "</p>";

або як

"<p class='popup1'>" + data.title + "</p>";

або як

`<p class="popup1"> ${data.title} </p>`;
Подякували: 0xDADA11C7, GeoNik2

3 Відповідь від 0xDADA11C7

  • Звідки: Дніпрожидівськ
  • Дата реєстрації: 14.02.2014
  • Повідомлень: 5 707
    • Репутація: 5777

Re: Не сприймається стиль за класом у JS

Екрануйте ваші лапки

 var x = "\"Чароўны трусік\" малює крейдой плюсік.";
Подякували: FakiNyan, GeoNik, 221VOLT, /KIT\, leofun015

4 Відповідь від 221VOLT Востаннє редагувалося 221VOLT (14.01.2018 12:34:28)

  • 221VOLT
  • 221VOLT
  • ♥ pattern matching
  • Поза форумом
  • Звідки: Львів
  • Дата реєстрації: 26.09.2015
  • Повідомлень: 2 719
    • Репутація: 1876

Re: Не сприймається стиль за класом у JS

FakiNyan написав:
"<p class="popup1">" + data.title + "</p>";

ви використовуєте подвійні штучки всередині подвійний штучок, а саме тут

"popup1"

ви можете переписати це як

"<p class="+"popup1"+">" + data.title + "</p>";

або як

"<p class='popup1'>" + data.title + "</p>";

або як

`<p class="popup1"> ${data.title} </p>`;

жесть ...
і ці незграбні інвалідні приклади ще й плюсиків зібрали...

"<p class="+"popup1"+">" + data.title + "</p>";

перетвориться в

"<p class=popup1>test</p>";

де лапки??
навіщо давати безглузді поради

"<p class='popup1'>" + data.title + "</p>";

в html - валідні подвійні лапки а не одинарні
звичайно, сучасний браузер перетворить в подвійні, от тільки не зовсім правильно так писати

`<p class="popup1"> ${data.title} </p>`;

так писати можна,
та чи не краще написати

'<p class="popa1">' + your_var + '</p>'

?

Подякували: fed_lviv, /KIT\2

221VOLT вебсайт