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

问题是在单击按钮后在服务器端定义了样式。简化的场景就是这样：

服务器首次呈现该页面。
用户点击按钮。
服务器调用button_click事件。
服务器呈现页面。
用户可以看到更改背景图像位置的按钮。

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

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

2 个答案: