1

私は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 ) で動作しました。私を手伝ってくれますか？

ありがとう

4

2 に答える 2

0

次のようなものを試すことができます：

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

その後：

myButton.html('<img src="path/to/icon" />');

しかし、この方法で使用する必要があります<button>...

JSBin Demo

于 2013-07-24T15:36:26.150 に答える