ASP.NET-单击按钮时如何更改背景图像的位置？

Question

我有一个标准的asp按钮，单击它会触发：

protected void btnDealItem_Click(object sender, EventArgs e)
{
    divMyDiv.Style.Add("background-position", "70px 0");
}

问题是，单击按钮时背景不会向右移动70个像素。

这是解决此问题的正确方法还是语法问题？

Answer 1

您可以使用JQuery在客户端执行此操作： http : //jquery.com/

我假设从您的代码中，您不想对该按钮的click事件执行任何其他操作。 该行return false; 停止按钮将页面发回。

 $(document).ready(function () {
     $("#" + <%= btnDealItem.ClientID %>).click(function() {
          $(this).attr("style", "background-position:70px 0;" );
          return false;
     });
 });

要么

<style>
     .backgroundshift {
        background-position: 70px 0;
     }
</style>


 $(document).ready(function () {
     $("#" + <%= btnDealItem.ClientID %>).click(function() {
          $(this).addClass("backgroundshift");
          return false;
     });
 });

Answer 2

问题在于单击按钮后，样式已在服务器端定义。 简化的方案是这样的：

1. 服务器首次呈现页面。
2. 用户单击按钮。
3. 服务器调用button_click事件。
4. 服务器呈现页面。
5. 用户可以看到具有改变的背景图像位置的按钮。

如果要在单击按钮后立即实现更改，请使用通过Java脚本的客户端脚本。