Применить css в скрипте
Здравствуйте. Создал кликабельные кнопки вида:
var link = '<a target="_blank" title="random" href="http://run.me/' + m_enc + '" class="me"><img src="'+imgs+'google.com"></a>'; Переменные m_enc и imgs описываются в самом скрипте разумеется. Далее хочу применить стиль для данной кнопки
$(".me").css({
"display": "inline-block",
"border": "1px solid #CC0000",
"background-image": "linear-gradient(to top, #FF0000, #FF0000)",
"background-color": "#CC0000",
});
но ничего не происходит. Если прописать в тэг <a> style="" var link = '<a target="_blank" title="random" href="http://run.me/' + m_enc + '" class="me" style=" display: inline-block; border:1px solid #CC0000; background-image: linear-gradient(to top, #FFFFFF, #FFFFFF); background-color: #FFFFFF; "><img src="'+imgs+'google.com"></a>'; То это работает, но это загромождает код и не очень удобно читать потом. Я только учу код, поэтому уверен, что то где то допустил ошибку которую не могу найти самостоятельно. |
Одним из решений нашел способ используя
// @grant GM_addStylе
GM_addStyle(`
.yu {
display: inline-block;
border: 1px solid #CC0000;
padding: 8px 18px;
background-color: #F0F0F0
}
`);
Не знаю правильно это или нет, но в статьях встречал только такой способ $(".me").css({ |
konsd26,
так работает?
$(function() {
$(".me").css({
"display": "inline-block",
"border": "1px solid #CC0000",
"background-image": "linear-gradient(to top, #FF0000, #FF0000)",
"background-color": "#CC0000",
});
});
|
Rasy,
Спасибо. Попробую. Чтобы не создавать кучу тем, возможно вы так же знаете, как вставить html код? Если писать его var name = <div...>hfhgj</div>и все это в строчку, то все работает. но тогда ни какого форматирования нет. А если писать с новых строк, то код уже не работает. |
konsd26,
Конкатенация строк var html = '<div style="display: inline-block; ' + 'color: white; ' + 'background-color: black;">' + 'Lorem ipsum' + '</div>'; alert(html); |
Rasy,
Спасибо большое. Буду учиться дальше)) |
| Часовой пояс GMT +3, время: 20:02. |