javascript - 在 Javascript 中使用图片链接

标签 javascript php image function hyperlink

起初我想说我是 Javascript 的初学者,所以我不能正确地编辑我的函数。

现在我有可点击的文本来删除行,但我想使用图像而不是文本。

这是函数的一部分:

...
var removeRow = $.fn.optionTest.createColumn($("<a>", options.removeLinkOptions).text('Remove Row'));
row.append(id).append(label).append(from).append(to).append(removeRow);

我无法获得正确的语法,我尝试过类似的方法,但没有成功...

var removeRow = $.fn.optionTest.createColumn($("<a>", options.removeLinkOptions).src("http://linktoimage.com/img.jpg"));

感谢您的理解和帮助!

更新

后来我在下面使用 removeRow,它有 href: 'javascript:;',也许这就是为什么不起作用?

  $.fn.optionTest.defaults = {
    clearOnChange: false,
    actionId: '#action',
    indexOptions: {
      class: 'div-format-test'
    },
    rowOptions: {
      id: 'option',
      class: 'div-format',
      tag: 'tr'
    },
    fromOptions: {
      name: 'from',
      type: 'text',
      value: 'from',
      size: 20
    },
    toOptions: {
      name: 'to',
      type: 'text',
      value: 'to',
      size: 20
    },
    removeLinkOptions: {
      class: 'removeRow',
      href: 'javascript:;'
    }
  };

现在我已经更改了代码:

var removeRow = $.fn.optionTest.createColumn($("<img>", options.removeLinkOptions).src("http://www.somelink.com/image.png"));

但似乎有错误的语法行现在根本没有出现......

最佳答案

使用 <img>而不是 <a>对于图像。 <a>用于链接。 谢谢

关于javascript - 在 Javascript 中使用图片链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35089506/

相关文章:

javascript - SharePoint 2013,无法设置属性 'control' .load()

java - 如何在服务器中运行jar应用程序并将其连接到前端网站?

php - 禁用 WooCommerce 中特定运输方式的 “Place order” 按钮

c - 如何使用 C 语言中的 Gstreamer 编写照片墙?

javascript - Vuejs 2 : debounce not working on a watch option

javascript - 如何在 jstree 中为 <li> 标签分配宽度

javascript - Webpack 抛出 JSX 语法错误

php - 从ajax请求中获取数据,这可能吗?

javascript - 在 Canvas 上交换图像会占用内存

javascript - 取消文件上传时删除图像预览