Пожалуйста, перейдите на страницу here и используйте имя пользователя «admin» и пароль «endlesscomic» (без кавычек), чтобы увидеть демонстрацию веб-приложения.Проблема с высотой окна CSS с динамической загрузкой css
В основном, что я пытаюсь сделать, это постепенно интегрировать мою работу в это веб-приложение, сказать, каждую ночь, чтобы клиент мог проверить прогресс. Кроме того, он хотел бы увидеть, в самом начале, макет о макете страницы.
Я пытаюсь использовать сетку 960 для достижения этой цели. Все идет нормально.
За исключением одного вопроса, что, когда «mockup.css» загружается динамически JQuery, он «проходит» окно в нижней части, то я не хочу иметь ...
Как неопытный веб-разработчик, Я не знаю, какая часть ошибочна. Ниже мои ЯШИ:
/* master.js */
$(document).ready(function()
{
$('#addDebugCss').click(function()
{
alertMessage('adding debug css...');
addCssToHead('./css/debug.css');
$('.grid-insider').css('opacity','0.5');//reset mockup background transparcy
});
$('#addMockupCss').click(function()
{
alertMessage('adding mockup css...');
addCssToHead('./css/mockup.css');
$('.grid-insider').css('opacity','1');//set semi-background transparcy for mockup
});
$('#resetCss').click(function()
{
alertMessage('rolling back to normal');
rollbackCss(new Array("./css/mockup.css", "./css/debug.css"));
});
});
function alertMessage(msg) //TODO find a better modal prompt
{
alert(msg);
}
function addCssToHead(path_to_css)
{
$('<link rel="stylesheet" type="text/css" href="' + path_to_css + '" />').appendTo("head");
}
function rollbackCss(set)
{
for(var i in set)
{
$('link[href="'+ set[i]+ '"]').remove();
}
}
Что-то должно быть добавлено к Exteral mockup.css? Или что-то изменить в моем master.js?
Спасибо за любые подсказки/предложения заранее.
Что вы хотите сделать внизу? – ndp
@ndp: извините, мой поздний ответ, только что вернулся домой в 11 вечера ... ну, я хочу остановить «окно» от расширения «вниз», когда применяется mockup css. Небольшая проблема, но я хотел бы знать, что css вызвало это, поэтому я могу избежать подобных проблем позже :) –