Используйте ссылку с изображением в Javascript

Question

Используйте ссылку с изображением в Javascript

1

Сначала я хочу сказать, что я новичок в 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"));

Но похоже, что неправильные строки синтаксиса теперь не отображаются вообще...

Infinity 29 янв. 2016, в 17:42

Источник

0

Не работает ли изменение <a> на <img> ? var removeRow = $.fn.optionTest.createColumn($("<img>", options.removeLinkOptions).src("http://linktoimage.com/img.jpg"));
Adam Konieska 29 янв. 2016, в 16:42
0

@AdamKonieska спасибо за ответ, но он не работает, проверьте подробности в комментариях к dev35000.
Infinity 29 янв. 2016, в 16:52
1

У вас есть JS Fiddle или что-то еще, где мы можем увидеть больше вашего кода и соответствующего HTML? Это облегчит людям устранение неполадок.
Adam Konieska 29 янв. 2016, в 17:03

Показать ещё 1 комментарий

Теги:

php

javascript

hyperlink

function

image

2 ответа

4

используйте <img> вместо <a> для изображения. <a> link используется для ссылки. благодаря

dev35000 29 янв. 2016, в 15:00

0

Вам нужно обернуть HTML-код с помощью bacticks ` , т.е.` `<img>` чтобы SO разметка показывала его
Sean 29 янв. 2016, в 16:42
0

@ern это правильный ответ, он просто не отформатирован с ` поэтому вы не можете видеть код.
Adam Konieska 29 янв. 2016, в 16:43
0

Спасибо за ответ, но он не работает ... После его изменения строки не отображаются вообще (строки создаются с помощью javascript).
Infinity 29 янв. 2016, в 16:45
0

Я обновил свой вопрос с более подробной информацией
Infinity 29 янв. 2016, в 16:49

Показать ещё 2 комментария

Ещё вопросы

Не работает ли изменение <a> на <img> ? var removeRow = $.fn.optionTest.createColumn($("<img>", options.removeLinkOptions).src("http://linktoimage.com/img.jpg"));
@AdamKonieska спасибо за ответ, но он не работает, проверьте подробности в комментариях к dev35000.
У вас есть JS Fiddle или что-то еще, где мы можем увидеть больше вашего кода и соответствующего HTML? Это облегчит людям устранение неполадок.
Вам нужно обернуть HTML-код с помощью bacticks ` , т.е.` `<img>` чтобы SO разметка показывала его
@ern это правильный ответ, он просто не отформатирован с ` поэтому вы не можете видеть код.
Спасибо за ответ, но он не работает ... После его изменения строки не отображаются вообще (строки создаются с помощью javascript).
Я обновил свой вопрос с более подробной информацией

Adam Konieska · Accepted Answer · 2016-01-29T15-45-00.000Z

В дополнение к уже упомянутому изменению <a> to <img>, вам также необходимо установить атрибут, чтобы изменить источник изображения. Использование .attr('src','...') вместо .src('...') должно исправить это.

Изменение этого:

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

К этому:

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

Это должно решить вашу проблему. Надеюсь, это поможет!

Потрясающие! Рад, что это сработало. :-)