javascript - 使用 JQuery 在 TextField 中显示信用卡品牌

Question

我有一个信用卡号输入文本字段。每当插入信用卡号时，我都想更改其图像背景。目标是在其中展示信用卡品牌。

我一直在处理的代码是:

function get_brand_image(){
  $.ajax({
    url: '/cards',
    type: "POST",
    dataType: "json",
    data: {code: $("#card_brand").val()},
    error: function(response){

    },
    success: function(response){
      $('#card_brand').css({background: "'url("+response['path']+") 0 no-repeat'", 'background-position': 'right'})
    }
  });   
}

尽管第二个哈希参数 ('background-position': 'right') 是，但上面的代码没有将背景图像添加到我的文本中。

奇怪的是，如果我输入原始命令:

$('#card_brand').css({background: 'url(/assets/cards/visa.png) 0 no-repeat', 'background-position': 'right'})

一切都按预期完成。

我在连接字符串时是否出错了？

我们将不胜感激任何帮助。

Answer 1

$('#card_brand').css({background: 'url('+response['path']+') 0 no-repeat', 'background-position': 'right'});

试试这个。假设您没有混淆您的“id”。

还有:

alert(response['path']);

并确保它是正确的链接。

这是一个有效的 jsfiddle:

http://jsfiddle.net/Grimbode/9tRhw/1/