Question

我很难将带有图片的javascript bookmarklet添加到我的github自述文件中。该图像应该使用户可以轻松地将书签添加到他的书签栏。

基本上this (http://alaingilbert.github.com/Turntable-API/bookmarklet.html)是我想要实现的，而不是github自述文件。

到目前为止，我有这个：

<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上查看我的自述文件的源代码时，我注意到href属性似乎已经消失，因此bookmarklet将不再起作用。

github会自动删除javascript href吗？有没有办法解决这个问题？

编辑：table，tbody，tr和td标签中的属性似乎也消失了。好像github不喜欢他们？

Answer 1

尝试更改此内容：

                                             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/

与github自述文件上的图像的Javascript书签

1 个答案: