Форум

DjDiablo · #1 (**permalink**) 20.07.2011, 16:11

Добрый день

Добавляю к 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 · #2 (**permalink**) 22.11.2012, 10:02

та же проблема
хелп

ksa · #3 (**permalink**) 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 · #4 (**permalink**) 22.11.2012, 12:27

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

ksa · #5 (**permalink**) 22.11.2012, 13:05

Сообщение от myaut

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

Это как понять?

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

myaut · #6 (**permalink**) 22.11.2012, 15:19

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

ksa · #7 (**permalink**) 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>

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

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

myaut · #8 (**permalink**) 22.11.2012, 19:04

05 

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

walik · #9 (**permalink**) 22.11.2012, 19:21

Сообщение от myaut

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

Сообщение от ksa

Бивас, тест!

http://beta.javascript.ru/play/kEdjvc

Сообщение от ksa

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

Форум

Справочник

Discord чат

Курсы javascript