Я пытаюсь создать свою собственную тему для Tumblr (на самом деле пытаюсь создать какое-то портфолио с блогом на его основе) и столкнулся с проблемой:
Я использую jQuery и хочу вставить в этот скрипт переменные Tumblr, чтобы иметь возможность изменять цвета на панели «Внешний вид» на сайте Tumblr. Но похоже, что это не работает. Может быть, есть что-то особенное в синтаксисе, которое я не рассматриваю. Вот сценарий со вставленными переменными.
<script>
$("#Home").hover(
function(over){
$("#Home").css('background-color','{color:Home-hover}');
$("#title").css('color','{color:Home-hover}');
},
function(out){
$("#Home").css('background-color','{color:Buttons}');
$("#title").css('color','{color:Buttons}');
}
);
</script>
Заранее спасибо.
1 ответ
Когда вы помещаете {color:buttons}
в одинарные кавычки, вы помещаете именно эти символы в CSS. Вы хотели получить доступ к значению, хранящемуся в объекте на странице? Может быть, есть объект color
с ключом Buttons
, который вы можете передать обработчику css jQuery, например:
$("#title").css('color',document.color.Buttons)
Или же:
$("#title").css('color',document.color["Buttons"])
То есть, если эти переменные Tumblr существуют в глобальной области документа. Если они созданы внутри замыкания, такого как (function() { ... })
, то вы не сможете получить к ним доступ за пределами замыкания.
Редактировать
Истинная сила jQuery заключается в том, что вы можете получать доступ и управлять практически всем на странице, включая метаданные. Поиграйте с моим jsfiddle здесь. Основная идея состоит в том, чтобы сохранить вашу переменную {color:Buttons}
в переменной javascript, а затем настроить CSS на ее основе.
Внутри $(document).ready()
$("#Home").on("mouseenter", function() {
var metaColorButtons = $("meta[name='color:Buttons']").prop("content");
$("#title").css('color', metaColorButtons);
});
$("#Home").on("mouseleave", function() {
$("#title").css('color', '#000');
});
Похожие вопросы
Новые вопросы
jquery
jQuery — это библиотека JavaScript. Также рассмотрите возможность добавления тега JavaScript. jQuery — это популярная кросс-браузерная библиотека JavaScript, которая упрощает обход объектной модели документа (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться рассматриваемым кодом, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.