Используйте прототип, чтобы изменить меню навигации, созданное iweb
У меня есть "веб-сайт", созданный клиентом в iWeb. Он хочет продолжать использовать iwebs и просто загружать сгенерированный сайт, однако я заметил некоторые несоответствия в CSS меню, а также ему нужен элемент в меню для ссылки на внешний URL. Оба из них, кажется, не могут быть исправлены в приложении / редакторе iWeb.
Из того, что я могу сказать, iWeb рисует меню, используя прототип - так что это не статический HTML. Однако я должен быть в состоянии перемещаться по созданному HTML с прототипом (который использует iweb, поэтому я должен иметь возможность использовать его также правильно?), Чтобы редактировать стиль
таким образом, чтобы "исправить" его положение, я просто должен включить один файл сценария после того, как он загрузит его?
Так дано
<ul class="navbar-list" id="widget0-navbar-list">
<li class="current-page"><a>Welcome </a></li>
<li class="noncurrent-page"><a>Why? </a></li>
<li class="noncurrent-page"><a>Uses </a></li>
<li class="noncurrent-page"><a>Products </a></li>
</ul>
Как я могу установить заполнение каждого элемента LI и изменить содержимое LI "Product" для ссылки в другом месте.
Пробовал несколько вещей, но все, кажется, ничего не делают.
$("ul#widget0-navbar-list li").each(function(elm){
elm.setStyle({"background-color": "#FFFFFF"});
});
1 ответ
С Javascript свойства CSS с чертой должны быть написаны в случае верблюда. Поэтому для фона попробуйте использовать "backgroundColor" вместо "background-color", и он должен работать и не использовать кавычки:
$("ul#widget0-navbar-list li").each(function(elm){
elm.setStyle({
backgroundColor: "#FFFFFF"
});
});