Question

我很想知道是否有办法通过点击按钮来更改背景图像。我的母版页的正文背景位于我的外部CSS表格中。我不确定这可以用c＃来完成。我的css代码是这样的。

body{
background-image: url(/images/image.jpg)
}

我已经更新了我的代码，但它无法正常工作，图像不会保持更改，它会闪烁新的图片一秒钟，但不会改变它。

$(document).ready(function () {
            $('#Button2').click(function () {
                $('body').css('background-image', 'url(/Image/image.jpg)')
            });
        });

Answer 1

ASP.NET在使用母版页时重命名控件的ID。因此，根据javascript函数的位置，您需要使用ClientID

如果脚本与子按钮一起位于子页面上，则执行此操作

$('#<%= ButtonChild.ClientID %>').click(function () {

如果按钮位于主控器上，但脚本位于子控件上，则必须向上导航控件树

$('#<%= Master.FindControl("ButtonMaster").ClientID %>').click(function () {

单击按钮时会触发PostBack，因此您可能希望添加return false;

<script type="text/javascript">
    $('#<%= ButtonChild.ClientID %>').click(function () {
        $('body').css('background', 'url(/images/image.jpg)');
        return false;
    });
</script>

Answer 2

确保通过jQuery正确引用按钮（使用＃作为id引用）。

$('#button1').click(function() { 
   $('body').css('background','url(/images/image.jpg)') 
});

Answer 3

$('button1').click(function() {
('body').css('background-image','url(/images/image.jpg)')
}

对以下问题提出了重复的问题：

Changing background image using jquery

按钮点击更改主页的backgroundimage网址

3 个答案: