2

画像付きの JavaScript ブックマークレットを github の readme に追加するのに問題があります。この画像は、ユーザーがブックマークをブックマーク バーに簡単に追加できるようにするためのものです。

基本的に、これ (http://alaingilbert.github.com/Turntable-API/bookmarklet.html)は私が達成しようとしているものですが、代わりに github readme にあります。

これまでのところ、私はこれを持っています:

<table style="border: none;">

  <tbody>

    <tr style="border:none;">

      <td style="vertical-align: middle; padding-top: 10px; border: none;">

        <a href="javascript:(function(){ window.open(‘http://www.test.com/’); })();">

          <img src="http://i.imgur.com/vCSDi.png">

        </a>

      </td>

      <td style="vertical-align: middle; text-align: left; border: none;">

        ← Drag this to your bookmark bar.

      </td>

    </tr>

  </tbody>

</table>

しかし、github で私の readme のソースコードを見ると、href 属性がなくなっているように見えるため、ブックマークレットが機能しなくなっていることに気付きました。

github は javascript の href を自動的に削除しますか? この問題を解決する方法はありますか?

編集: table、tbody、tr、および td タグの属性も削除されているようです。github が気に入らないようですか?

4

2 に答える 2

0

これを変更してみてください:

                                             v                    v
<a href="javascript:(function(){ window.open(‘http://www.test.com/’); })();">
                                             ^                    ^

これに:

                                             v                    v
<a href="javascript:(function(){ window.open('http://www.test.com/'); })();">
                                             ^                    ^

現在使用している引用符は、有効なJavascript引用符区切り文字ではありません

編集:デモ:

http://jsfiddle.net/BXn9Z/

于 2012-12-29T23:18:01.590 に答える