2016-01-29 2 views
1

Сначала я хочу сказать, что я начинаю в Javascript, поэтому я не могу правильно отредактировать свою функцию.Используйте ссылку с изображением в 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")); 

Благодарим Вас за понимание и пытается помогать!

UPDATE

Позже я использую 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")); 

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

+1

У вас есть скрипт JS или что-то там, где мы можем видеть больше вашего кода и соответствующего HTML? Это облегчит людям устранение неполадок. –

ответ

2

В дополнение к уже упомянутому изменению <a> до <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")); 

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

+0

Спасибо, это сработало! – Infinity

+0

Удивительный! Рад, что это сработало. :-) –

4

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

+0

Вам нужно обернуть html-код с помощью bacticks '\' ', то есть' \ ' \' 'для разметки SO, чтобы показать его – Sean

+0

@ern его правильный ответ, его просто не отформатирован с' \ '', поэтому вы не можете видеть код. –

+0

Спасибо за ответ, но он не работает ... После изменения Строки не отображаются вообще (строки генерируются через javascript). – Infinity

Смежные вопросы