Jquery append link ( link 'click' not working )

Question

Hi I am trying to append url from the server and show the link to the user to click it but the 'click' doesn't work. Can you help me fix it?

Thank you!

$("#uurl").append("<p><a target='_blank' href="+data[1]+">"+data[1]+"</a></p>")

@Pekka, Really? as OP is using anchor with `href`. where does event delegation comes — Satpal, Sep 03 '15 at 09:53

score 1 · Answer 1 · answered Sep 03 '15 at 09:57

I would recommend you to create element's using jQuery. It will prevent you from quotes mess.

//Create anchor
var a = $('<a />', {
            "target" : "_blank",
            "href" : data[1],
            "text" : data[1]
        });

//Create paragraph and append anchor
var p = $('<p />').append(a);

//Append Paragraph
$("#uurl").append(p)

score 0 · Answer 2 · answered Sep 03 '15 at 09:51

0

replace your code with

$("#uurl").append("<p><a target='_blank' href='"+data[1]+"'>"+data[1]+"</a></p>")

answered Sep 03 '15 at 09:51

Satender K

571
3
13

score 0 · Answer 3 · answered Sep 03 '15 at 09:51

0

$("#uurl").append("<p><a target='_blank' href='"+data[1]+"'>"+data[1]+"</a></p>") Should work. You forgot quotes for the href attribute's value

answered Sep 03 '15 at 09:51

user3154108

1,204
14
23

which is still valid syntax in html5 – Milind Anantwar Sep 03 '15 at 09:52

score 0 · Answer 4 · answered Sep 03 '15 at 09:52

0

You are missing quotes around href, try putting it using escape character

$("#uurl").append("<p><a target='_blank' href=\""+data[1]+"\">"+data[1]+"</a></p>")

answered Sep 03 '15 at 09:52

Bhushan Kawadkar

27,908
5
34
57

score 0 · Accepted Answer · answered Sep 03 '15 at 09:52

0

You are missing some quotes...

use:

$("#uurl").append("<p><a target='_blank' href='"+data[1]+"'>"+data[1]+"</a></p>")

answered Sep 03 '15 at 09:52

ekhaled

2,900
19
24

Jquery append link ( link 'click' not working )

5 Answers5