Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Jqury append css (https://javascript.ru/forum/jquery/18924-jqury-append-css.html)

DjDiablo 20.07.2011 16:11
Jqury append css
 
Добрый день

Добавляю к DOM через append следующее

$(".wradminPanel").find('tr').append('<td><div applet="textBlock" class="draggable portlet new" style="position: relative;"><div class="portlet-header" style="position:absolute;top:-25px;right: 0px;width:200px;">1</div><div class="portlet-content"> </div></div></td>');

Всё вставляется отличненько, вот только CSS стили к DIV неприменяются, тупо вставляется HTML. У этих DIV есть фон и размер, однако браузер об этом при использовании append почему то не знает.

как вставить вместе с стилями.

myaut 22.11.2012 10:02
та же проблема
хелп

ksa 22.11.2012 11:26
Цитата:
Сообщение от DjDiablo
У этих DIV есть фон и размер, однако браузер об этом при использовании append почему то не знает
Бивас, тест!

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('button').click(function (){
		$('#box').append('<p style="width: 100px; height: 40px; color: #ffffff; background-color: red;">test</p>');
	});
});
</script>
</head>
<body>
<div id='box'></div>
<button>Add</button>
</body>
</html>


Таки работает! :)

myaut 22.11.2012 12:27
а из подключаемого css файла то есть никак не выдернуть нужный стиль?

ksa 22.11.2012 13:05
Цитата:
Сообщение от myaut
а из подключаемого css файла то есть никак не выдернуть нужный стиль?
Это как понять? :blink:

Пример чёле какой смастери...

myaut 22.11.2012 15:19
Ну, ты просто закоментил файл со стилями
я имею ввиду классы не работают когда записываешь <div class="myclass"> так нельзя записывать в append?

ksa 22.11.2012 16:15
Цитата:
Сообщение от myaut
я имею ввиду классы не работают когда записываешь <div class="myclass"> так нельзя записывать в append?
Бивас, тест!

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.test {
   width: 100px; 
   height: 40px; 
   color: #ffffff; 
   background-color: red;
}
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('button').click(function (){
		$('#box').append('<p class="test">test</p>');
	});
});
</script>
</head>
<body>
<div id='box'></div>
<button>Add</button>
</body>
</html>


Таки работает! :lol:

P.S. Это так трудно попробовать самому?

myaut 22.11.2012 19:04
05 <!--
06 <link rel="stylesheet" type="text/css" href="tmp.css" />
07 -->

а вот если так не делать, и класс вызывать оттуда то почему то не работает =/
п.с да ваще трудно

walik 22.11.2012 19:21
Цитата:
Сообщение от myaut
а вот если так не делать, и класс вызывать оттуда то почему то не работает
Цитата:
Сообщение от ksa
Бивас, тест!
http://beta.javascript.ru/play/kEdjvc
Цитата:
Сообщение от ksa
Таки работает! :lol:


Часовой пояс GMT +3, время: 13:50.