javascript - 如何使用 jquery css 将按钮的背景图像分配给变量

标签 javascript jquery css

我想用 css 在 jquery 变量中分配按钮的背景图像。我已经编写了代码,但它不起作用。

var cmp1;
var cmp2;

var bg = $("#mq3").css('background-image');
var bg1 = $("#mq6").css('background-image');
var bg2 = $("#mq9").css('background-image');

$(document).ready(function() {    
       $("#mq9").click(function() {
           //alert("Hello Welcome");
           if ($("#mq9").css("background-image") === bg2) {
               $("#mq9").css("background-image", "url('images/bkv.png')");

               cmp1 = $("#mq9").css('background-image');
               cmp2 = $("#mq3").css('background-image');
               cmp3 = $("#mq6").css('background-image');

               if (cmp1 === cmp3) {
                   alert("welcome mohit");
                   //setTimeout("window.open('Qtwo.html')",3000);
              }
          } else {
               $("#mq9").css("background-image", "url('images/cmst.png')");
               bg2 = $("#mq9").css('background-image');
          }
     });
});

最佳答案

做这样的事情

var imageUrl = 'abc.png'
$('myOjbect').css('background-image', 'url(' + imageUrl + ')');

关于javascript - 如何使用 jquery css 将按钮的背景图像分配给变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31238204/

相关文章:

javascript - AJAX 调用中的非法调用

Javascript 在另一个设置为间隔的函数中运行一次函数

javascript - 无法弄清楚 jQuery 延迟完成

javascript - 需要许多不同的弹出窗口;使用一个抽象的弹出窗口来处理每个场景是否更好

css - 向右浮动不适用于导航菜单(Chrome)

javascript - JavaScript 中是否有一个 find 函数返回您的函数返回的内容,而不是当值为真时返回整个项目

javascript - 使用 JavaScript/jQuery 对数组进行排序

javascript - 转义所有输入类型的 TEXT 上的所有特殊字符以防止 XSS

html - 如何使用 Bootstrap 使图像响应

HTML 连接新行