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

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

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

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

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

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

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