拖放后更改div的样式

Posted 2023-05-07

【中文标题】拖放后更改div的样式

【英文标题】：change style of div after dragdrop

【发布时间】：2011-05-14 04:50:29

【问题描述】：

我有一个 div 和一个按钮。将此 div 对象拖放到其他位置后。我希望当我单击按钮时，该 div 对象会随着新位置的变化而改变样式。

Div 对象变化位置：

div id="divml5" class="dragDiv1" runat="server" style="width:40px;height:40px;

position:relative; left:120px;top:60px;">**
    'table> 
       **tr>
            td>
                h5 id="h5ml5" class="handler" runat="server" 
                        style="background-image:url('../../Images/image.jpg'); 
                                vertical-align:middle;width:40px; height:40px;background-repeat:no-repeat;"></h5>
            /td>
        /tr>**
    /table>
/div>"

按钮

button type="button" id="btn" runat="server" onclick="changeStyle();">ChangeStyle

我有段落代码来处理该 div 对象的更改样式：

var divml5 = document.getElementById("divml5"); var h5ml5 = document.getElementById("h5ml5");

    function changeStyle()
        h5ml5.style.backgroundImage = "url('../Images/clientRed.jpg')";
    

我想我可以随心所欲地实现，但它无法处理。

【问题讨论】：

目前有什么问题？让它拖动？

不，我已经进行了拖动。问题：我点击按钮，div 没有改变我想要的样式。

【参考方案1】：

如果我正确理解你的问题。

我建议你分两步完成：

1、将你的新样式定义成一个Css类

2、在.click()上使用jQuery AddClass('ur_class_name')