单击按钮更改母版页的背景图像 url答案

【问题标题】：Change backgroundimage url of masterpage on button click单击按钮更改母版页的背景图像 url
【发布时间】：2017-09-27 14:10:44
【问题描述】：

我想知道是否有一种方法可以通过单击按钮来更改背景图像。我的母版页的正文背景在我的外部 CSS 表中。我不确定这可以用 c# 来完成。我的css代码是这样的。

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

我已经更新了我的代码，但是它不能正常工作图像没有保持变化它闪烁新图片一秒钟但没有改变它。

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

【问题讨论】：

除了在函数末尾缺少分号和);，您的代码看起来还不错。有什么问题？

标签： c# jquery css asp.net visual-studio

【解决方案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>

【讨论】：

【解决方案2】：

确保您通过 jQuery 正确引用了您的按钮（使用 # 表示 id 引用）。

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

【讨论】：

【解决方案3】：

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

这是对以下问题的重复问题：

Changing background image using jquery

【讨论】：

我的代码无法正常工作，背景没有保持变化，它只是闪烁并简要显示它应该更改的图像。这是我的代码：$(document).ready(function () { $('#Button2').click(function () { $('body').css('background-image', 'url(/Image /image.jpg)') }); });