gpt4 book ai didi

javascript - 如何将本地镜像加载到按钮中

转载 作者:行者123 更新时间:2023-11-28 18:16:22 25 4
gpt4 key购买 nike

我正在写一个 js 文件,这是我的按钮的样子

var myButton = $('<button type="button" style="display:inline">Translate Right</button>');
myButton.css({"margin-top":"5px", "float":"left"});

现在我想用图标替换“向右翻译”文本。我试过了:

   var myButton = $('<button type="button" style="display:inline">Translate Right</button>');
myButton.css({"margin-top":"5px", "float":"left"});
$('body').append(myButton);
myButton.html('<img src="path\to\image">'); // backslash because I'm using windows

但它不起作用。我有一个空按钮。我有这个错误:不允许加载本地资源。我用 src 更改了 url(我不确定我是否被允许这样做),我不再有错误,但按钮仍然是空的

ps :在我的代码中,我以另一种方式将 myButton 附加到主体,因为我正在写入的文件不是我的索引文件,但问题不在这里(我已经尝试过不同的 src http://static.jsbin.com/images/favicon.png )它奏效了。你能帮帮我吗?

谢谢

最佳答案

我会使用一个伪元素,记录在这里:http://css-tricks.com/pseudo-element-roundup/

此外,我建议不要将您的 css 放在您的 javascript 中,而只是通过 javascript 更改类名,如下所述:http://smacss.com/book/state

即:


.myButton:after{
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: (myIcon.png);
}

编辑:

我认为您的代码在尝试各种操作之间出现了问题。这个 JSFiddle 对我有用:http://jsfiddle.net/4C6e3/

关于javascript - 如何将本地镜像加载到按钮中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17838510/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com