d'dd后动态改变css文件中的位置属性

Question

希望你能帮助我，再次:) 我想建立一个小型的基于web的gui设计器。用户可以切换到编辑模式，并可以通过拖放将组件放置到任何他想要的位置。当他切换回用户模式时，我希望通过javascript更新外部CSS文件中的位置细节。 我看了一些例子，做我想做的事，但我似乎无法弄清楚，如何让它工作。

日Thnx提前， DG

Answer 1

为了编辑与JS外部样式表，您需要使用下列的方法：http://www.quirksmode.org/dom/w3c_css.html（请参阅访问样式和更改样式表）。正如你可以从PPKs表格中看到的那样，存在一些显着的CSS不兼容性 - 这是边缘情况，我不知道如何保存这个生成的CSS文件。

我会看到张贴（可能与ajax）的值返回到服务器，生成新的CSS文件，然后由用户模式页面调用。

在编辑模式下，我将拥有所有样式inline（style =“...”），然后当提交页面时，枚举每个元素的样式属性以提取值并使用它们生成POST请求。然后在服务器上创建新文件。

要使用jQuery的...它使用CSS来选择一组元素，让您操作在您选择

可以说你有类awesomeDiv的div元素的元素的CSS样式

Answer 2

：

<div class="awesomeDiv">some content</div> 

你可以使用jQuery与以下行选择它：

$(".awesomeDiv") 

，你可以改变的CSS像这样：

$(".awesomeDiv").css({'background-color': '#000000', 'width': '250px'});